HTML 网页打印实现分页打印功能

合集下载

相关主题

html静态网页模板

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

1.html>
2.<head>
3.<title>页面打印</title>
4.
5.<style media=print>
6. /* 应用这个样式的在打印时隐藏 */
7. .noPrint {
8. display: none;
9. }
10.
11. /* 应用这个样式的，从那个标签结束开始另算一页，之后在遇到
再起一页，以此类推 */
12. .page {
13. page-break-after: always;
14. }
15.</style>
16.
17.
18.<style type="text/css">
19. .tab td {
20. border-bottom: 1 solid #000000;
21. border-left: 1 solid #000000;
22. border-right: 0 solid #ffffff;
23. border-top: 0 solid #ffffff;
24. }
25.
26. .tab {
27. border-color: #000000 #000000 #000000 #00000
0;
28. border-style: solid;
29. border-top-width: 2px;
30. border-right-width: 2px;
31. border-bottom-width: 1px;
32. border-left-width: 1px;
33. }
34.
35. .hr {
36. font-family: "宋体";
37. font-size: 9pt;
38. }
39.</style>
40.<script language="JavaScript"type="text/JavaScript"
>
41. var hkey_root, hkey_path, hkey_key;
42.hkey_root = "HKEY_CURRENT_USER";
43.hkey_path = "//Software//Microsoft//Internet Exp
lorer//PageSetup//";
44. //这个是用来设置打印页眉页脚的，你可以设置为空或者其它
45. try{
46. var RegWsh = new ActiveXObject("WScript.Shel
l");
47.hkey_key="header";
48. RegWsh.RegWrite(hkey_root+hkey_path+hkey_key
, "&w&b页码，&p/&P");
49.hkey_key="footer";
50. RegWsh.RegWrite(hkey_root+hkey_path+hkey_key
,"");
51. }catch(e){
52. alert(e.description());
53. }
54.</script>
55.</head>
56.<body bgcolor="white">
57.<table cellspacing="0"cellpadding="0"width="100%"
align="center"border="0">
58.<thead class="noPrint">
59.<tr>
60.<td align="center"colspan="3">
61.<center class="NoPrint">
62.<OBJECT id=WebBrowser classid=CL
SID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0width=0></O BJECT>
63.<input type=button value=打
印onclick=document.all.WebBrowser.ExecWB(6,1)>
64.<input type=button value=直接打
印onclick=document.all.WebBrowser.ExecWB(6,6) />
65.<input type=button value=页面设
置onclick=document.all.WebBrowser.ExecWB(8,1) />
66.<input type=button value=打印预
览onclick=document.all.WebBrowser.ExecWB(7,1) />
67. 
81.</center>
82.</td>
83.</tr>
84.</thead>
85.<tr>
86.<td align="center"colspan="3"style="font-s
ize: 24px">
87.<b>报告印章申请表</b>
88.</td>
89.</tr>
90.<tr>
91.<td align="left"colspan="2">编号：
A002</td>
92.<td align="right"></td>
93.</tr>
94.<tr>
95.<td colspan="3">
96.<table class="tab"cellSpacing="0"cellP
adding="0"width="100%">
97.<tr align="center"height="23">
98.<td width="10%"height="23"><b>
编号</b></td>
99.<td width="5%"><b>份数
</b></td>
100.<td width="12%"><b>项目/级别编号</b></td>
101.<td width="12%"><b>单位</b></td>
102.<td width="12%"><b>项目名称</b></td>
103.<td width="12%"><b>工程地点</b></td>
104.<td width="12%"><b>检测项目</b></td>
105.<td width="7%"><b>单价</b></td>
106.<td width="8%"><b>数量</b></td>
107.<td width="10%"><b>总价</b></td>
108.</tr>
109.<tr style="font-size: 13px"align="c enter"height="23">
110.<td>A14785</td>
111.<td>5</td>
112.<td>A1546/8975</td>
113.<td>中国广东广州</td>
114.<td>BRT工程</td>
115.<td>广州天河</td>
116.<td>BRT工程</td>
117.<td>￥999999999.99</td>
118.<td>20</td>
119.<td>20*￥999999999.99</td>
120.</tr>
121.<tr align="center"height="23"> 122.<td colspan="2">备注</td>
123.<td colspan="8"></td>
124.</tr>
125.</table>
126.</td>
127.</tr>
128.</table>
129.<hr class="noprint"width="100%"size="2"/>
130.<div class="page"></div>
131.<table class="tab"cellSpacing="0"cellPadding="0"w idth="100%">
132.<tr align="center"height="23">
133.<td width="10%"height="23"><b>编号</b></td>
134.<td width="5%"><b>份数</b></td>
135.<td width="12%"><b>项目/级别编号</b></td> 136.<td width="12%"><b>单位</b></td>
137.<td width="12%"><b>项目名称</b></td>
138.<td width="12%"><b>工程地点</b></td>
139.<td width="12%"><b>检测项目</b></td>
140.<td width="7%"><b>单价</b></td>
141.<td width="8%"><b>数量</b></td>
142.<td width="10%"><b>总价</b></td>
143.</tr>
144.<tr style="font-size: 13px"align="center"heigh t="23">
145.<td>A14785</td>
146.<td>5</td>
147.<td>A1546/8975</td>
148.<td>中国广东广州</td>
149.<td>BRT工程</td>
150.<td>广州天河</td>
151.<td>BRT工程</td>
152.<td>￥999999999.99</td>
153.<td>20</td>
154.<td>20*￥999999999.99</td>
155.</tr>
156.<tr align="center"height="23">
157.<td colspan="2">备注</td>
158.<td colspan="8"></td>
159.</tr>
160.</table>
161.
162.<div class="page"></div>
163.<table class="tab"cellSpacing="0"cellPadding="0"w idth="100%">
164.<tr align="center"height="23">
165.<td width="10%"height="23"><b>编号</b></td>
166.<td width="5%"><b>份数</b></td>
167.<td width="12%"><b>项目/级别编号</b></td> 168.<td width="12%"><b>单位</b></td>
169.<td width="12%"><b>项目名称</b></td>
170.<td width="12%"><b>工程地点</b></td>
171.<td width="12%"><b>检测项目</b></td>
172.<td width="7%"><b>单价</b></td>
173.<td width="8%"><b>数量</b></td>
174.<td width="10%"><b>总价</b></td>
175.</tr>
176.<tr style="font-size: 13px"align="center"heigh t="23">
177.<td>A14785</td>
178.<td>5</td>
179.<td>A1546/8975</td>
180.<td>中国广东广州</td>
181.<td>BRT工程</td>
182.<td>广州天河</td>
183.<td>BRT工程</td>
184.<td>￥999999999.99</td> 185.<td>20</td>
186.<td>20*￥999999999.99</td> 187.</tr>
188.<tr align="center"height="23"> 189.<td colspan="2">备注</td> 190.<td colspan="8"></td> 191.</tr>
192.</table>
193.
194.</body>
195.</html>。