在web html页面中，打印、预览当前页面

最新推荐文章于 2024-05-03 11:47:20 发布

weixin_30889885

最新推荐文章于 2024-05-03 11:47:20 发布

阅读量319

点赞数

文章标签： javascript shell ViewUI

原文链接：http://www.cnblogs.com/xiaohuzi2008/archive/2012/08/13/2637241.html

版权

1. 最近的项目需要简单的实现一下打印当前页面的数据，有分页打印的功能。下面的一段代码可以帮助我们实现简单的打印功能，要想实现复杂的打印那需要利用其他的打印控件。这里就不提了！
3. <html>
4. <head>
5. <title>页面打印</title>
6. 
7. <style media=print>
8. /* 应用这个样式的在打印时隐藏 */
9. .noPrint {
10. display: none;
11. }
13. /* 应用这个样式的，从那个标签结束开始另算一页，之后在遇到再起一页，以此类推 */
14. .page {
15. page-break-after: always;
16. }
17. </style>
19. 
20. <style type="text/css">
21. .tab td {
22. border-bottom: 1 solid #000000;
23. border-left: 1 solid #000000;
24. border-right: 0 solid #ffffff;
25. border-top: 0 solid #ffffff;
26. }
28. .tab {
29. border-color: #000000 #000000 #000000 #000000;
30. border-style: solid;
31. border-top-width: 2px;
32. border-right-width: 2px;
33. border-bottom-width: 1px;
34. border-left-width: 1px;
35. }
37. .hr {
38. font-family: "宋体";
39. font-size: 9pt;
40. }
41. </style>
42. <script language="JavaScript" type="text/JavaScript">
43. var hkey_root, hkey_path, hkey_key;
44. hkey_root = "HKEY_CURRENT_USER";
45. hkey_path = "//Software//Microsoft//Internet Explorer//PageSetup//";
46. //这个是用来设置打印页眉页脚的，你可以设置为空或者其它
47. try{
48. var RegWsh = new ActiveXObject("WScript.Shell");
49. hkey_key="header";
50. RegWsh.RegWrite(hkey_root+hkey_path+hkey_key, "&w&b页码，&p/&P");
51. hkey_key="footer";
52. RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"");
53. }catch(e){
54. alert(e.description());
55. }
56. </script>
57. </head>
58. <body bgcolor="white">
59. <table cellspacing="0" cellpadding="0" width="100%" align="center" border="0">
60. <thead class="noPrint">
61. <tr>
62. <td align="center" colspan="3">
63. <center class="NoPrint">
64. <OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0></OBJECT>
65. <input type=button value=打印 οnclick=document.all.WebBrowser.ExecWB(6,1)>
66. <input type=button value=直接打印 οnclick=document.all.WebBrowser.ExecWB(6,6) />
67. <input type=button value=页面设置 οnclick=document.all.WebBrowser.ExecWB(8,1) />
68. <input type=button value=打印预览 οnclick=document.all.WebBrowser.ExecWB(7,1) />
69. 
83. </center>
84. </td>
85. </tr>
86. </thead>
87. <tr>
88. <td align="center" colspan="3" style="font-size: 24px">
89. <b>报告印章申请表</b>
90. </td>
91. </tr>
92. <tr>
93. <td align="left" colspan="2">编号：A002 </td>
94. <td align="right"> </td>
95. </tr>
96. <tr>
97. <td colspan="3">
98. <table class="tab" cellSpacing="0" cellPadding="0" width="100%">
99. <tr align="center" height="23">
100. <td width="10%" height="23"><b>编号</b></td>
101. <td width="5%"><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="12%"><b>工程地点</b></td>
106. <td width="12%"><b>检测项目</b></td>
107. <td width="7%"><b>单价</b></td>
108. <td width="8%"><b>数量</b></td>
109. <td width="10%"><b>总价</b></td>
110. </tr>
111. <tr style="font-size: 13px" align="center" height="23">
112. <td>A14785 </td>
113. <td>5 </td>
114. <td>A1546/8975 </td>
115. <td>中国广东广州 </td>
116. <td>BRT工程 </td>
117. <td>广州天河 </td>
118. <td>BRT工程 </td>
119. <td>￥999999999.99</td>
120. <td>20 </td>
121. <td>20*￥999999999.99 </td>
122. </tr>
123. <tr align="center" height="23">
124. <td colspan="2">备注</td>
125. <td colspan="8"> </td>
126. </tr>
127. </table>
128. </td>
129. </tr>
130. </table>
131. <hr class="noprint" width="100%" size="2"/>
132. <div class="page"></div>
133. <table class="tab" cellSpacing="0" cellPadding="0" width="100%">
134. <tr align="center" height="23">
135. <td width="10%" height="23"><b>编号</b></td>
136. <td width="5%"><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="12%"><b>工程地点</b></td>
141. <td width="12%"><b>检测项目</b></td>
142. <td width="7%"><b>单价</b></td>
143. <td width="8%"><b>数量</b></td>
144. <td width="10%"><b>总价</b></td>
145. </tr>
146. <tr style="font-size: 13px" align="center" height="23">
147. <td>A14785 </td>
148. <td>5 </td>
149. <td>A1546/8975 </td>
150. <td>中国广东广州 </td>
151. <td>BRT工程 </td>
152. <td>广州天河 </td>
153. <td>BRT工程 </td>
154. <td>￥999999999.99</td>
155. <td>20 </td>
156. <td>20*￥999999999.99 </td>
157. </tr>
158. <tr align="center" height="23">
159. <td colspan="2">备注</td>
160. <td colspan="8"> </td>
161. </tr>
162. </table>
163. </body>
164. </html>
165. 转自：http://blog.csdn.net/ibm_hoojo/article/details/5674779

转载于:https://www.cnblogs.com/xiaohuzi2008/archive/2012/08/13/2637241.html

weixin_30889885

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
在web html页面中，打印、预览当前页面

最近的项目需要简单的实现一下打印当前页面的数据，有分页打印的功能。下面的一段代码可以帮助我们实现简单的打印功能，要想实现复杂的打印那需要利用其他的打印控件。这里就不提了！<html><head><title>页面打印</title><!--media=print...
复制链接

扫一扫