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

<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=打印 οnclick=document.all.WebBrowser.ExecWB(6,1)><input type=button value=直接打印 οnclick=document.all.WebBrowser.ExecWB(6,6) /><input type=button value=页面设置 οnclick=document.all.WebBrowser.ExecWB(8,1) /><input type=button value=打印预览 οnclick=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>

HTML 网页打印实现分页打印功能相关推荐

网页打印之分页打印，去掉页码
一,打印内容分页打印时,隐藏不需要的页面元素测试打印时,如何模拟打印,不浪费纸张, 如果需要将一个页面向分成多页打印,就要用到CSS样式表元素page-break-after.该元素功能与Word ...
HTML网页打印实现分页打印功能
<html><head><title>页面打印</title><!--media=print 这个属性在打印时有效有些不想打印出来的分页打印的都 ...
IE调用WebBrowser控件实现WEB打印、分页打印、无预览打印
WebBrowser控件 WebBrowser ActiveX 控件提供托管的包装. 托管的包装便可以在 Windows 窗体客户端应用程序中显示网页. 你可以使用WebBrowser控件重复中你的应 ...
vue 打印（分页打印）
最近项目中碰到一个需求,需要前端预览打印当前页面的内容,但是在打印的时候需要分页打印,想了很多办法,最后解决,在这做一个分享. 首先是打印,网上有很多方法,这里面我用的是一个插件 vue-print- ...
网页打印问题，打印设置，打印预览，打印分页，纵打，横打及页面的边距
1.控制"纵打". 横打"和"页面的边距 (1) <object id="factory" style="display ...
html如何设置打印分页打印出来,网页中如何用 CSS 设置打印分页符
Word 中按 Ctrl + Enter 创建一个分页符,方便打印,其实网页中也可以,用 CSS 的 page-break-after:always;. 第 1 页第 2 页第 3 页任何浏览器 ...
js实现网页打印分页打印
web打印思路:html页面本身带有打印功能window.print() 但是在打印时又不能word模板的要求来打印不能满足打印需求.同时我们打印的数据有时候是动态变化的需要按模板来打印我的处理方式是 ...
js设置html打印不分页,JS 使用 window对象的print方法实现分页打印功能
最近做项目用到了web在线打印功能,经研究使用了JS自身支持的Window对象的打印方法,此种方法兼容性比较好,在IE和火狐浏览器下使用都没有问题. 1.但是网上好多案例都不支持分页功能,最后通过CS ...
php可以打印一个页面,利用html实现分页打印功能的实例详解
本篇介绍利用html实现分页打印功能的实例详解,有些不想打印出来的分页打印的都可以应用这类样式进行控制在非打印时是无效的. 页面打印 /* 应用这个样式的在打印时隐藏 */ .noPrint { d ...

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

HTML 网页打印实现分页打印功能相关推荐

最新文章

热门文章