开发手册 欢迎您!
软件开发者资料库

JavaScript(JS) 页面打印

很多时候,想在网页上放置一个按钮,通过实际的打印机打印网页的内容。JavaScript使用窗口对象的打印函数帮助你实现这个功能。本文主要介绍JavaScript(JS) 页面打印。

JavaScript打印函数window.print()在执行时打印当前网页。可以直接使用onclick事件调用此函数,例如,

                                    

虽然它的目的是得到打印输出,但它不是一个推荐的方法。一个打印机友好的页面实际上是一个只有文本,没有图像,图形或广告的页面。

可以通过以下方式使页面打印友好将页面复制一份,去掉不需要的文本和图形,然后从原始页面链接到打印机友好的页面。

如果不想保留一个页面的额外副本,那么可以使用适当的注释标记你的可打印文本,

例如,

       .Noprint{display:none;}   //不打印  .PageNext{page-break-after:   always;}//换页打印        function doPrintSetup(){    //打印设置    document.all.WebBrowser.ExecWB(8,1)}function doPrintPreview(){    //打印预览    document.all.WebBrowser.ExecWB(7,1)}function doPrint() {        window.print();    }     这里面的内容可以在网页上显示,在打印时不会显示
  

注意:通过CSS控制页面中不需要打印的元素不显示。可以尝试动态利用js临时删除某些元素。然后尝试打印。