使用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>