jquery和js使用window.print实现网页打印

使用window.print()实现网页打印。因为打印页面需要调整样式满足打印输出需求,一般会结合iframe来实现打印,在第一个页面增加打印链接或按钮,触发打印,真实打印页面放在iframe中,便于分别调整显示样式。

   <a href="javascript:;" class="btn_print">打印</a>    
    <iframe src="" frameborder="0" id="printIframe" style="display:none;"></iframe>
    <script type="text/javascript">
        $(function () {
            $("a.btn_print").click(function () {
                $("#printIframe").attr("src", "print_true_url?r=" + Math.ceil(Math.random() * 100));
                $("#printIframe").load(function () {
                    $("#printIframe")[0].contentWindow.iPrint();
                })
            })
        })
    </script>

iframe中真实打印页面中加入打印js代码即可

<script type="text/javascript">
    function iPrint() {
        window.print();
    }
</script>
原文地址:https://www.cnblogs.com/yuejin/p/14177995.html