纯html的table打印注意事项

1. 在firefox下,每页均会打印重复thead(表头),tfoot(表尾)的内容;IE8下无效(其它IE版本未测试)

2. 分页的处理

    @media print {
     .page-break { page-break-after: always; }
   }

在需要分页的tr上,加上该样式即可

3.隐藏某些不需要打印的区域

    @media print {
    .no-print { display: none; }
     }

4.页面顶部网址之类的,如何去掉?

IE:  File -> Page Setup

 

FireFox:  Print -> Page Setup

5.打印页面指定区域

1
2
3
4
5
6
7
8
9
10
11
12
<iframe id="frmPrint" width="0" height="0" frameborder="0"></iframe>
<div id="divContent">这是打印的内容</div>
<div>这里不需要打印</div>
<button onclick="printTest()">打印</button>
<script type="text/javascript">
    function printTest(){
        var ifrm = document.getElementById("frmPrint");    
        //下行中的style只是为了演示如何附加样式
        ifrm.contentWindow.document.body.innerHTML = "<style>*{color:red}</style>" + document.getElementById("divContent").innerHTML;
        ifrm.contentWindow.print();
    }  
</script>

上述代码仅适用于FireFox,IE下建议用css隐藏不需打印的内容 

完整示例代码:

posted @   菩提树下的杨过  阅读(10831)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示