js調用打印機自動分頁的功能（僅適用於IE瀏覽器）

時間 2019-12-01

原文原文鏈接

作個功能須要打印的時候添加分頁，哪怕是內容不夠也須要分頁。javascript

瀏覽器上顯示css

打印預覽是這樣的：html

模擬打印出來是這樣的java

都是顯示的是5頁，方法很簡單。
在須要分頁的位置加上一行代碼：瀏覽器

<div class="PageNext"></div>

　　css樣式是這樣的：htm

.PageNext{page-break-after: always;}

　　以上就是實現的打印分頁的功能。blog

另外有幾個打印的經常使用方法記錄一下。ip

一、調用打印的方法：input

wb.execwb(6,6)

二、調用打印預覽的方法：string

wb.execwb(7,1);

三、調用打印設置的方法：

wb.execwb(8,1);

注意：調用以上的方法時，須要在head部分加入一行代碼：

<object id="WebBrowser" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" style="display: none">
    </object>

　不然不能使用該方法。

四、其餘的實現打印的方法：

// 調用打印
function callPrint() {
    var srcBody = '', startPrintMark = '', endPrintMark = '', printContent = '';
    srcBody = window.document.body.innerHTML;
    startPrintMark = "<!--startprint-->";
    endPrintMark = "<!--endprint-->";  
    printContent = srcBody.substring(srcBody.indexOf(startPrintMark) + startPrintMark.length); 
    printContent = printContent.substring(0, printContent.indexOf(endPrintMark));
    window.document.body.innerHTML = printContent;
    window.print();
    window.document.body.innerHTML = srcBody;
    window.location.reload();
}

<!--startprint-->加在需打印的部分的前面

<!--endprint-->加在需打印部分的後面
可是這樣的打印須要引入相同的css文件，不然樣式就會發生變化。這樣作的好處是，能夠自定義打印頁面中的部份內容。
下面是一個簡單的demo，僅供參考。

<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <script type="text/javascript">
  
// 調用打印
function callPrint() {
    var srcBody = '', startPrintMark = '', endPrintMark = '', printContent = '';
    srcBody = window.document.body.innerHTML;
    startPrintMark = "<!--startprint-->";
    endPrintMark = "<!--endprint-->";  
    printContent = srcBody.substring(srcBody.indexOf(startPrintMark) + startPrintMark.length); 
    printContent = printContent.substring(0, printContent.indexOf(endPrintMark));
    window.document.body.innerHTML = printContent;
    window.print();
    window.document.body.innerHTML = srcBody;
    window.location.reload();
}

  </script>
 </head>
 <body>
<div>
<input type="button" id="printButton" onclick="callPrint()" value="打印">
<hr>
<pre>
這裏有不少內容，可是我不想打印出來。

如今的我老是心好煩
天天都是寂寞陪我做伴
心中的夢想更是難以實現
蘇州這座城市已沒有個人期盼

如今的鈔票比之前更是難賺
想討個老婆更是難上加難
買套公寓彷佛說的那麼簡單
實現起來更是比登天還難

誰能告訴我該怎麼辦
工做的壓力，生活的難
誰願意把生活來消遣
若不是難過，誰願意抽菸

個人淚水誰爲我擦乾
個人愛情什麼時候能出現
何時才能更有錢
何時才能作老闆
我看到帥哥美女踏青遊玩
內心以爲老是有點孤單
我站在路邊傻傻的期盼
幻想美麗的公主擁入個人心田

樹上的鳥兒歌唱愛很簡單
湖裏的鴛鴦在戲水遊玩
小朋友在揮手露出可愛笑臉
身邊的媽媽更是美麗的典範

誰能告訴我該怎麼辦
工做的壓力，生活的難
誰願意把生活來消遣
若不是難過，誰願意抽菸

個人淚水誰爲我擦乾
個人愛情什麼時候能出現
何時才能更有錢
何時才能作老闆

誰能告訴我該怎麼辦
工做的壓力，生活的難
誰願意把生活來消遣
若不是難過，誰願意抽菸

個人淚水誰爲我擦乾
個人愛情什麼時候能出現
何時才能更有錢
何時才能作老闆

</pre>

</div>
<hr>
<!--startprint-->
<div>
	這裏是我想要打印的部分。<br>
<br>
<br>
<pre>
去大理
詞：郝雲
曲：郝雲
演唱：黃渤

是否是對生活不太滿意

好久沒有笑過又不知爲什麼

既然不快樂又不喜歡這裏

不如一路向西去大理

路程有點波折空氣有點稀薄

景色越遼闊 內心越寂寞

不知道誰在何處等待

不知道後來的後來

誰的頭頂上沒有灰塵

誰的肩上沒有過齒痕

也許愛情就在洱海邊等着

也許故事正在發生着

誰的頭頂上沒有灰塵

誰的肩上沒有過齒痕

也許愛情就在洱海邊等着
也許故事正在發生着
</pre>
</div>
<!--endprint-->
 </body>
</html>

　　打印出的結果以下圖：