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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM