打印web页面指定区域的三种方法

本文和大家分享一下web页面实现指定区域打印功能的三种方法，一起来看下吧。

第一种方法：使用CSS

定义一 个.noprint的class，将不打印的内容放入这个class内。

代码如下：

<style media="print" type="text/css">  
.noprint{visibility:hidden}  
</style> 
这里是要打印的内容。 
<p class="noprint">这里是不打印的内容。</p> 
<a href="javascrīpt:window.print()" target="_self"& gt;打印</a> 

第二种方法：指定打印区域

把要打印的内容放入一个span或div，然后通过一个函数打印。

代码如下：

<span id="div1">这里是要打印的内容</span& gt; 
<p>所有内容</p> 
<div id="div2">div2的内容</div& gt; 
<a href="javascrīpt:printme()" target="_self">打印</a> 
<script language="javascript"> 
function printme(){ 
documentdocument.body.innerHTML=document.getElementById('div1').innerHTML+'<br/>'+document.getElementById('div2').innerHTML; 
window.print(); 
} 
</script> 

如果要打印的只是整个页面中的一小部分，最好采用第二种方法。

第三种方法：如果要打印的页面排版和原web页面相差很大，采用此方法。

点击打印按钮弹出新窗口，把需要打印的内容显示到新窗口中，在新窗口中调用window.print()方法，然后自动关闭新 窗口。