Javascript实现打印JSP页面中的表
2013-12-03 09:59
330 查看
本篇中的方法参考自其他博客,原博主无法考究。本篇仅对其做整理。
本篇实现仅打印JSP页面中的表格。使用JavaScript实现。
1、在body中加入一个OBJECT用以调用Window的组件
PageNext样式可以设置分页。在需要分页的地方加
本篇实现仅打印JSP页面中的表格。使用JavaScript实现。
1、在body中加入一个OBJECT用以调用Window的组件
<OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0 VIEWASTEXT></OBJECT>2、在head头部加入
<!--media=print 这个属性可以在打印时有效--> <style media=print> .Noprint{display:none;} .PageNext{page-break-after: always;} </style>Noprint样式可以使页面上的打印等按钮不出现在打印页面上(用最少的代码完成最重要的功能)。
PageNext样式可以设置分页。在需要分页的地方加
<div class="PageNext"></div>3、JSP页面
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name=vs_targetSchema content="http://schemas.microsoft.com/intellisense/ie5"> <title>Insert title here</title> <!--media=print 这个属性可以在打印时有效--> <style media=print> .Noprint { display: none; } .PageNext { page-break-after: always; } </style> <style> .tdp { border-bottom: 1 solid #000000; border-left: 1 solid #000000; border-right: 0 solid #ffffff; border-top: 0 solid #ffffff; } .tabp { 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; } .NOPRINT { font-family: "宋体"; font-size: 9pt; } </style> </head> <body> <center class="Noprint"> <p> <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)> </p> <p> <input type=button value=打印预览 onclick=document.all.WebBrowser.ExecWB(7,1)> </p> <hr align="center" width="90%" size="1" noshade> </center> <table width="90%" border="0" align="center" cellpadding="2" cellspacing="0" class="tabp"> <tr> <td colspan="3" class="tdp">第1页</td> </tr> <tr> <td width="29%" class="tdp"></td> <td width="28%" class="tdp"></td> <td width="43%" class="tdp"></td> </tr> <tr> <td colspan="3" class="tdp"></td> </tr> <tr> <td colspan="3" class="tdp"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" class="tdp"> <p>这样的报表</p> <p>对一般的要求就够了。</p> </td> <td></td> </tr> </table></td> </tr> </table> <hr align="center" width="90%" size="1" noshade class="NOPRINT"> <!--分页--> <div class="PageNext"></div> <table width="90%" border="0" align="center" cellpadding="2" cellspacing="0" class="tabp"> <tr> <td class="tdp">第2页</td> </tr> <tr> <td class="tdp">看到分页了吧</td> </tr> <tr> <td class="tdp"></td> </tr> <tr> <td class="tdp"></td> </tr> <tr> <td class="tdp"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" class="tdp"> <p>这样的报表</p> <p>对一般的要求就够了。</p> </td> <td></td> </tr> </table> </td> </tr> </table> </body> </html>
相关文章推荐
- javascript实现jsp页面的打印预览
- JSP中用Excel简单实现页面打印
- javascript调用打印页面接口实现页面打印功能
- jsp 页面实现局部打印功能与全局打印
- jsp页面如何转成word文件实现打印
- JavaScript、CSS、JSP 实现用户注册页面与信息校验
- jQuery插件PrintArea实现javascript打印页面某区域功能
- jsp中借助javascript实现简单的等待页面响应的提示
- JavaScript实现在网页上打印页面某块区域
- Java JSP实现页面打印的功能
- 利用javascript实现web页面中指定区域打印
- 巧用jsp页面用表单实现动态打印功能
- JavaScript实现打印页面表报,表单输出到word和excel功能
- javascript实现web页面中指定区域打印
- javascript实现firefox和IE都支持的页面局部打印
- JSP页面实现循环打印
- javascript实现web页面中指定区域打印
- javascript实现firefox和IE都支持的页面局部打印
- 利用javascript实现web页面中指定区域打印