web页面实现指定区域打印功能

在网上摸索后自己的一个小总结。

第一种方法：指定不打印区域

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

详细如下：

  
要打印的内容。哈哈！

将不打印的代码放在这里。

打印

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

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

把要打印的内容放这里

所有内容

div2的内容

打印

function printme()
{
    document.body.innerHTML=document.getElementById('div1').innerHTML+'
'+document.getElementById('div2').innerHTML;
    window.print();
}

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

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

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