gpt4 book ai didi

javascript - 如何使用 javascript 打印弹出窗口的内容?

转载 作者:行者123 更新时间:2023-11-29 19:09:31 31 4
gpt4 key购买 nike

我有一个使用 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/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com