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