1. 程式人生 > >列印Html頁面自動分頁

列印Html頁面自動分頁

在想要分頁的地方新增一行程式碼即可

<div style="page-break-after: always;"></div>

新增後用chrome瀏覽器用js程式碼呼叫列印

function preview()
    {
        bdhtml=window.document.body.innerHTML;//獲取當前頁的html程式碼
        sprnstr="<!--startprint-->";//設定列印開始區域
        eprnstr="<!--endprint-->";//設定列印結束區域
        prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //從開始程式碼向後取html
        prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//從結束程式碼向前取html
        window.document.body.innerHTML=prnhtml;
        window.print();
        window.document.body.innerHTML=bdhtml;
    }

看看是否出現了你想要的分頁效果。