如何使用JavaScript打印弹出窗口的内容？

Question

如何使用JavaScript打印弹出窗口的内容？

javascriptjquery

5

我有一个网页，使用bPopUp弹出带有jQuery的模态窗口。

该窗口的内容正是我想要打印的内容（主页面上除此之外没有其他内容）。

我尝试将弹出窗口上的按钮链接到运行window.print();命令，但这只会打印整个页面，显示弹出窗口遮挡了页面的其余部分。

有人知道如何仅打印弹出窗口的内容而不包括其他内容吗？

谢谢

- John T

2

console.log($("#popup").html()) - Sulthan Allaudeen

@SulthanAllaudeen 抱歉我的无知，这会将内容发送到打印机吗？还是只发送到页面底部的“控制台”？谢谢。 - John T

jQuery html(): 获取匹配元素集合中第一个元素的 HTML 内容，或设置每个匹配元素的 HTML 内容。更多信息请参见：http://api.jquery.com/html/ - Yosvel Quintero

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Sanket Tarodekar · Accepted Answer

示例HTML

<div id='DivIdToPrint'>
    <p>This is a Popup which needs to be printed.</p>
</div>

<div>
    <p>Do not print.</p>
</div>

<input type='button' id='btn' value='Print' onclick='printDiv();'>

Javascript

function printDiv() 
{
var divToPrint=document.getElementById('DivIdToPrint');
var newWin=window.open('','Print-Window');
newWin.document.open();
newWin.document.write('<html><body onload="window.print()">'+divToPrint.innerHTML+'</body></html>');
newWin.document.close();
setTimeout(function(){newWin.close();},10);
}

给你的弹出框 div 加上一个 ID 并使用上面的示例。您需要给它提供内联样式以完全打印弹出框。