打印指定DIV内容

Posted on Edited on In

window.print()函数会打印整个浏览器窗口的内容。如果只想打印页面的部分内容,可以在print css样式中隐藏不想打印的内容,但这样样式写起来会比较繁琐。可以将需要打印的内容放在一个div容器中,然后使用javascript生成一个新窗口,将div内容写入新窗口,最后打印整个新窗口就可以了,简单明了。

简单的样例代码:
[javascript]
$(‘#print_button’).click(function(){
var print_window = window.open(“print”,”_blank”);
var doc = print_window.document;
doc.write(‘‘);
doc.write(‘打印申请书‘);
doc.write(‘‘);
doc.write(‘‘);
doc.write(‘‘);
doc.write(‘‘);
doc.write($(‘#foodiv’).html());
doc.write(““);
doc.close();
print_window.print();
print_window.close();
});
[/javascript]

点击打印按钮就可以打印指定div的内容了,div的内容使用print css指定打印样式。

===
[erq]