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

来源：互联网发布：淘宝积分有什么用编辑：程序博客网时间：2024/05/01 09:48

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