JavaScript打印函数window.print()
在执行时打印当前网页。可以直接使用onclick
事件调用此函数,例如,
<html> <head> <script type = "text/javascript"> </script> </head> <body> <form> <input type = "button" value = "打印" onclick = "window.print()" /> </form> </body> <html>
虽然它的目的是得到打印输出,但它不是一个推荐的方法。一个打印机友好的页面实际上是一个只有文本,没有图像,图形或广告的页面。
可以通过以下方式使页面打印友好将页面复制一份,去掉不需要的文本和图形,然后从原始页面链接到打印机友好的页面。
如果不想保留一个页面的额外副本,那么可以使用适当的注释标记你的可打印文本,
例如,
<!--media=print 这个属性只在打印时有效--> <stylemedia=print> .Noprint{display:none;} //不打印 .PageNext{page-break-after: always;}//换页打印 </style> <script type="text/javascript"> function doPrintSetup(){ //打印设置 document.all.WebBrowser.ExecWB(8,1) } function doPrintPreview(){ //打印预览 document.all.WebBrowser.ExecWB(7,1) } function doPrint() { window.print(); } </script> <input type="button" value="直接打印" οnclick="return doPrint();" id="Button1" /> <div class="Noprint">这里面的内容可以在网页上显示,在打印时不会显示</div> <div class="PageNext"></div><!--加上此空div,下面的内容就会换一页打印,需要注意整体布局-->
注意:通过CSS控制页面中不需要打印的元素不显示。可以尝试动态利用js临时删除某些元素。然后尝试打印。