Question

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

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

我已尝试链接弹出窗口上的按钮以运行命令-，但这只是打印整个页面，显示弹出窗口遮挡了页面的其余部分。

有谁知道我怎么只打印弹出窗口的内容而没有其他内容？

由于

Answer 1

示例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打印弹出窗口的内容？

1 个答案: