在調(diào)用window.print()時(shí)，可以實(shí)現(xiàn)打印效果，但內(nèi)容太多時(shí)要進(jìn)行分頁打印。

成都創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供朝天網(wǎng)站建設(shè)、朝天做網(wǎng)站、朝天網(wǎng)站設(shè)計(jì)、朝天網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、朝天企業(yè)網(wǎng)站模板建站服務(wù)，10年朝天做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

在樣式中有規(guī)定幾個(gè)打印的樣式

page-break-before和page-break-after CSS屬性并不會(huì)修改網(wǎng)頁在屏幕上的顯示，這兩個(gè)屬性是用來控制文件的打印方式。

每個(gè)打印屬性都可以設(shè)定4種設(shè)定值：auto、always、left和right。其中Auto是默認(rèn)值，只有在有需要時(shí)，才需設(shè)定分頁符號(hào) (Page breaks)。

page-break-before若設(shè)定成always，則是在遇到特定的組件時(shí)，打印機(jī)會(huì)重新開始一個(gè)新的打印頁。

page-break-before若設(shè)定成left，則會(huì)插入分頁符號(hào)，直到指定的組件出現(xiàn)在一個(gè)左邊的空白頁上。

page-break-before若設(shè)定成right，則會(huì)插入分頁符號(hào)，直到指定的組件出現(xiàn)在一個(gè)右邊的空白頁上。

page-break-after屬性會(huì)將分頁符號(hào)加在指定組件后，而非之前。

在下列程序中您將可以看到這些屬性的設(shè)定，

　　
　　　　
　　
　　
　　　　
This is the first DIV.
　　　　
This is the second DIV.
　　　　
This is the third DIV.
　　　　
This is the fourth DIV.
　　　　
This is the fifth DIV.
　　　　
This is the sixth DIV.
　　　　
This is the last DIV.
　　

在Dom對(duì)象中pageBreakBefore屬性

語法:

    Object.style.pageBreakBefore=auto|always|avoid|left|right

　　
　　　　
　　
　　
　　　　
This is a test paragraph.
　　　　
　　　　
This is also a test paragraph.
　　

總結(jié)

以上所述是小編給大家介紹的JS 實(shí)現(xiàn)分頁打印功能，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)創(chuàng)新互聯(lián)網(wǎng)站的支持！