Question

所以，我有这个问题Print Problem

但是没有一个解决了我的问题，相反，我正在考虑一种新的方式，。

有人知道如何从JavaScript jQuery打印新的HTML代码吗？

所以我想说我有两块屏幕：1＆amp; 2

1：我的网页，工作屏幕，显示屏，html代码都在这里。

2：隐藏的屏幕，没有显示。

当我按下“打印”按钮时，我的jquery将发送代码在屏幕2中创建一个新的html代码。它将打印屏幕2.

Answer 1

这适用于我。

HTML：

<div id='print-section'></div>
<div id='print-btn'></div>

的CSS：

@media print {
    body * {
        visibility: hidden;
    }

    @page {size: portrait}

    #print-section {
        visibility: visible;
        width : 100%;
        height : auto;
    }
}

JS：

$("#print-btn").click(function(){
     var htmlText = '<p>HTML TO PRINT</p>';

     $( "#print-section" ).html( htmlText ).promise().done(function() {
            window.print();
    });
});

如何在jQuery中使用新的HTML代码设置打印页面？

1 个答案: