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

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临时删除某些元素。然后尝试打印。


推荐文档

相关文档

大家感兴趣的内容

随机列表