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