我有一个使用 bPopUp 的网页使用 jQuery 弹出模式窗口。
那个窗口的内容正是我想要打印的(主页上没有其他内容)。
我已经尝试在弹出窗口上链接一个按钮来运行命令 window.print();
但这只会打印整个页面,显示弹出窗口遮住了页面的其余部分。
有谁知道我怎么只能打印弹出窗口的内容而不能打印其他内容?
谢谢
最佳答案
示例 HTMP
<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);
}
为您的 Popup div 提供一个 ID 并使用上面的示例。 您需要提供内联样式才能准确打印弹出窗口。
关于javascript - 如何使用 javascript 打印弹出窗口的内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40241409/