JS實現(xiàn)分頁打印功能

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

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

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

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

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

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

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

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

page-break-after屬性會將分頁符號加在指定組件后，而非之前。

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

<HTML>
　　<HEAD>
　　　　<TITLE>Listing 14-4</TITLE>
　　</HEAD>
　　<BODY>
　　　　<DIV>This is the first DIV.</DIV>
　　　　<DIV STYLE="page-break-before:always">This is the second DIV.</DIV>
　　　　<DIV STYLE="page-break-after:always">This is the third DIV.</DIV>
　　　　<DIV>This is the fourth DIV.</DIV>
　　　　<DIV STYLE="page-break-before:right">This is the fifth DIV.</DIV>
　　　　<DIV STYLE="page-break-after:right">This is the sixth DIV.</DIV>
　　　　<DIV>This is the last DIV.</DIV>
　　</BODY>
</HTML>

值	描述
auto	默認(rèn)值。如果必要則在元素前插入分頁符
always	在元素前插入分頁符
avoid	避免在元素前插入分頁符
left	在元素之前足夠的分頁符，一直到一張空白的左頁為止
right	在元素之前足夠的分頁符，一直到一張空白的右頁為止
inherit	規(guī)定應(yīng)該從父元素繼承 page-break-before 屬性的設(shè)置

在Dom對象中pageBreakBefore屬性

語法:

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

<html>
　　<head>
　　　　<script type="text/javascript">
　　　　　　function setPageBreak()
　　　　　　{
　　　　　　　　document.getElementById("p2").style.pageBreakBefore="always";
　　　　　　}
　　　　</script>
　　</head>
　　<body>
　　　　<p>This is a test paragraph.</p>
　　　　<input type="button" onclick="setPageBreak()" value="Set page-break" />
　　　　<p id="p2">This is also a test paragraph.</p>
　　</body>
</html>

總結(jié)

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

本文題目：JS實現(xiàn)分頁打印功能
分享鏈接：http://sd-ha.com/article18/gjjsdp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、微信小程序、定制開發(fā)、標(biāo)簽優(yōu)化、網(wǎng)站制作、

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

久久久精品一区ed2k-女人被男人叉到高潮的视频-中文字幕乱码一区久久麻豆樱花-俄罗斯熟妇真实视频

JS實現(xiàn)分頁打印功能