我想使用 jQuery 打印 div 的内容。这个问题已经在 SO 中提出,但我找不到正确的(有效的)答案。
这是我的 HTML:
<div id='printarea'>
<p>This is a sample text for printing purpose.</p>
<input type='button' id='btn' value='Print'>
</div>
<p>Do not print.</p>
这里我想打印div的内容printarea
.
我试过这个:
$("#btn").click(function () {
$("#printarea").print();
});
但当单击按钮时,它会出现控制台错误:
未捕获的类型错误:$(...).print 不是函数
但是当我尝试使用打印整个页面时
window.print();
这是工作。但我只想打印特定div的内容。我看到了答案$("#printarea").print();
在很多地方,但这不起作用。
一些 jQuery 研究失败了,所以我转向 JavaScript(感谢您的建议Anders https://stackoverflow.com/users/2200659/anders).
而且运作良好...
HTML
<div id='DivIdToPrint'>
<p>This is a sample text for printing purpose.</p>
</div>
<p>Do not print.</p>
<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);
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)