JS局部打印两种方法

浏览数：84 / 时间：2015年06月09日

所有浏览器都可以

<html>
<head title="">
    <title>测试打印</title>
    <style media="print">
        /*只应用于打印的样式*/
        .noprint {
            display: none;
        }
    </style>
    <script>
        //通过标签控制
        function printDiv1(oper) {
            bdhtml = window.document.body.innerHTML;//获取当前页的html代码
            sprnstr = "<!--startprint" + oper + "-->";//设置打印开始区域
            eprnstr = "<!--endprint" + oper + "-->";//设置打印结束区域
            prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr) + 18); //从开始代码向后取html
            prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));//从结束代码向前取html
            window.document.body.innerHTML = prnhtml;
            window.print();
            window.document.body.innerHTML = bdhtml;
        }
        //通过样式控制
        function printDiv2() {
            window.print();
        }
    </script>
</head>
<body>

    <!--startprint1-->
    <div>需要打印的(如需打印背景: 在Internet选项--高级--在“打印”一项选上“打印背景颜色和图象”)</div>
    <!--endprint1-->
    <div class="noprint">
        <div>不需要打印的</div>
        <input type="button" value="打印(innerHTML法)" onclick="printDiv1(1);" />
        <input type="button" value="打印(样式法)" onclick="printDiv2();" />
    </div>
</body>
</html>

如何打印背景:

IE: 在Internet选项--高级--在“打印”一项选上“打印背景颜色和图象”

或者新版的IE:

Firefox:

Chrome:

 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style 代码 src html com log 方法 http class style 代码 src html com log 方法 http

相关文章

随机文章

您可能还喜欢

您可能还喜欢