HTML網頁列印實現分頁列印功能
阿新 • • 發佈：2019-01-04
<html> <head> <title>頁面列印</title> <!--media=print 這個屬性在列印時有效 有些不想打印出來的分頁列印的都可以應用這類樣式進行控制 在非列印時是無效的(可從列印預覽中看到效果)--> <style media=print> /* 應用這個樣式的在列印時隱藏 */ .noPrint { display: none; } /* 應用這個樣式的，從那個標籤結束開始另算一頁，之後在遇到再起一頁，以此類推 */ .page { page-break-after: always; } </style> <!-- 這個是普通樣式 --> <style type="text/css"> .tab td { border-bottom: 1 solid #000000; border-left: 1 solid #000000; border-right: 0 solid #ffffff; border-top: 0 solid #ffffff; } .tab { border-color: #000000 #000000 #000000 #000000; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 1px; border-left-width: 1px; } .hr { font-family: "宋體"; font-size: 9pt; } </style> <script language="JavaScript" type="text/JavaScript"> var hkey_root, hkey_path, hkey_key; hkey_root = "HKEY_CURRENT_USER"; hkey_path = "//Software//Microsoft//Internet Explorer//PageSetup//"; //這個是用來設定列印頁首頁尾的，你可以設定為空或者其它 try{ var RegWsh = new ActiveXObject("WScript.Shell"); hkey_key="header"; RegWsh.RegWrite(hkey_root+hkey_path+hkey_key, "&w&b頁碼，&p/&P"); hkey_key="footer"; RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,""); }catch(e){ alert(e.description()); } </script> </head> <body bgcolor="white"> <table cellspacing="0" cellpadding="0" width="100%" align="center" border="0"> <thead class="noPrint"> <tr> <td align="center" colspan="3"> <center class="NoPrint"> <OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0></OBJECT> <input type=button value=列印 onclick=document.all.WebBrowser.ExecWB(6,1)> <input type=button value=直接列印 onclick=document.all.WebBrowser.ExecWB(6,6) /> <input type=button value=頁面設定 onclick=document.all.WebBrowser.ExecWB(8,1) /> <input type=button value=列印預覽 onclick=document.all.WebBrowser.ExecWB(7,1) /> <!-- 關於這個元件還有其他的用法，列舉如下： WebBrowser.ExecWB(1,1) 開啟 Web.ExecWB(2,1) 關閉現在所有的IE視窗，並開啟一個新視窗 Web.ExecWB(4,1) 儲存網頁 Web.ExecWB(6,1) 列印 Web.ExecWB(7,1) 列印預覽 Web.ExecWB(8,1) 列印頁面設定 Web.ExecWB(10,1) 檢視頁面屬性 Web.ExecWB(15,1) 好像是撤銷，有待確認 Web.ExecWB(17,1) 全選 Web.ExecWB(22,1) 重新整理 Web.ExecWB(45,1) 關閉窗體無提示 --> </center> </td> </tr> </thead> <tr> <td align="center" colspan="3" style="font-size: 24px"> <b>報告印章申請表</b> </td> </tr> <tr> <td align="left" colspan="2">編號：A002 </td> <td align="right"> </td> </tr> <tr> <td colspan="3"> <table class="tab" cellSpacing="0" cellPadding="0" width="100%"> <tr align="center" height="23"> <td width="10%" height="23"><b>編號</b></td> <td width="5%"><b>份數</b></td> <td width="12%"><b>專案/級別編號</b></td> <td width="12%"><b>單位</b></td> <td width="12%"><b>專案名稱</b></td> <td width="12%"><b>工程地點</b></td> <td width="12%"><b>檢測專案</b></td> <td width="7%"><b>單價</b></td> <td width="8%"><b>數量</b></td> <td width="10%"><b>總價</b></td> </tr> <tr style="font-size: 13px" align="center" height="23"> <td>A14785 </td> <td>5 </td> <td>A1546/8975 </td> <td>中國廣東廣州 </td> <td>BRT工程 </td> <td>廣州天河 </td> <td>BRT工程 </td> <td>￥999999999.99</td> <td>20 </td> <td>20*￥999999999.99 </td> </tr> <tr align="center" height="23"> <td colspan="2">備註</td> <td colspan="8"> </td> </tr> </table> </td> </tr> </table> <hr class="noprint" width="100%" size="2"/> <div class="page"></div> <table class="tab" cellSpacing="0" cellPadding="0" width="100%"> <tr align="center" height="23"> <td width="10%" height="23"><b>編號</b></td> <td width="5%"><b>份數</b></td> <td width="12%"><b>專案/級別編號</b></td> <td width="12%"><b>單位</b></td> <td width="12%"><b>專案名稱</b></td> <td width="12%"><b>工程地點</b></td> <td width="12%"><b>檢測專案</b></td> <td width="7%"><b>單價</b></td> <td width="8%"><b>數量</b></td> <td width="10%"><b>總價</b></td> </tr> <tr style="font-size: 13px" align="center" height="23"> <td>A14785 </td> <td>5 </td> <td>A1546/8975 </td> <td>中國廣東廣州 </td> <td>BRT工程 </td> <td>廣州天河 </td> <td>BRT工程 </td> <td>￥999999999.99</td> <td>20 </td> <td>20*￥999999999.99 </td> </tr> <tr align="center" height="23"> <td colspan="2">備註</td> <td colspan="8"> </td> </tr> </table> <div class="page"></div> <table class="tab" cellSpacing="0" cellPadding="0" width="100%"> <tr align="center" height="23"> <td width="10%" height="23"><b>編號</b></td> <td width="5%"><b>份數</b></td> <td width="12%"><b>專案/級別編號</b></td> <td width="12%"><b>單位</b></td> <td width="12%"><b>專案名稱</b></td> <td width="12%"><b>工程地點</b></td> <td width="12%"><b>檢測專案</b></td> <td width="7%"><b>單價</b></td> <td width="8%"><b>數量</b></td> <td width="10%"><b>總價</b></td> </tr> <tr style="font-size: 13px" align="center" height="23"> <td>A14785 </td> <td>5 </td> <td>A1546/8975 </td> <td>中國廣東廣州 </td> <td>BRT工程 </td> <td>廣州天河 </td> <td>BRT工程 </td> <td>￥999999999.99</td> <td>20 </td> <td>20*￥999999999.99 </td> </tr> <tr align="center" height="23"> <td colspan="2">備註</td> <td colspan="8"> </td> </tr> </table> </body> </html>