关于web打印中，只对iframe内容进行预览打印的问题

最新推荐文章于 2024-03-20 09:31:20 发布

china_zyl

最新推荐文章于 2024-03-20 09:31:20 发布

阅读量7.2k

点赞数

文章标签： iframe web webbrowser function path null

本文链接：https://blog.csdn.net/china_zyl/article/details/6447044

版权

本次功能实现，使用的是微软WebBrowser控件。

主要操作及代码示例如下：

1、引用WebBrowser控件

2、编写js脚本

//设置网页打印的页眉页脚为空 function PageSetup_Null() { try { var Wsh=new ActiveXObject("WScript.Shell"); HKEY_Key="header"; Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,""); HKEY_Key="footer"; Wsh.RegWrite(HKEY_Root + HKEY_Path + HKEY_Key, ""); } catch(e){} } function printpreview(){ // 打印页面预览 PageSetup_Null(); document.all.ShowForm.ExecWB(7, 1);//注意，此处是关键，将ShowForm替换为iframe的name，否则预览的将是父窗体。 }

3、示例main.html、child.html，以下代码可直接保存使用

main.html

<html> <head> <title>父窗体</title> <meta http-equiv="Content-Type" content="text/HTML; charset=gb2312">  <mce:style media="print"></mce:style><style media="print" mce_bogus="1"> .Noprint { display: none; } .PageNext { page-break-after: always; } </style> <mce:style></mce:style><style mce_bogus="1"> .tdp { border-bottom: 0 solid #000000; border-left: 0 solid #000000; border-right: 0 solid #ffffff; border-top: 0 solid #ffffff; line-height: 20px; text-align: center; } .tabp { border-color: #000000 #000000 #000000 #000000; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; height: 400px; } </style> <mce:script type="text/javascript"></mce:script> </head> <body> <form id="form1" runat="server"> <object id="WebBrowser" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0" width="0"> </object> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr valign="top" align="left"> <td align="left"><input type="button" value="打印预览" οnclick="printpreview()"></td> </tr> <tr align="left" valign="top"><td> 以下是将要打印预览的内容</td> <tr> <td align="left" valign="top"><iframe id="ifShowForm" name="ShowForm" width="100%" height="300" src="child.html" mce_src="child.html" frameborder="0"></iframe></td> </tr> </tr> </table> </body> </html>

child.html

<html> <head> <title>子窗体</title> <meta http-equiv="Content-Type" content="text/HTML; charset=gb2312"> </head> <body> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr valign="top"> <td> //设置网页打印的页眉页脚为空<br/> function PageSetup_Null() {<br/> try { <br/> var Wsh=new ActiveXObject("WScript.Shell"); <br/> HKEY_Key="header"; <br/> Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,HKEY_Key="footer"; <br/> Wsh.RegWrite(HKEY_Root + HKEY_Path + HKEY_Key, ""); <br/> } catch(e){} <br/> } <br/> function printpreview(){<br/> // 打印页面预览<br/> PageSetup_Null();<br/> document.all.ShowForm.ExecWB(7, 1);<br/> } <br/> </td> </tr> </table> </body> </html>

china_zyl

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
3
评论
关于web打印中，只对iframe内容进行预览打印的问题

<br />本次功能实现，使用的是微软WebBrowser控件。<br />主要操作及代码示例如下：<br />1、引用WebBrowser控件<br /><object id="WebBrowser" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0"width="0"></object> <br />2、编写js脚本<br /> //设置网页打印的页眉页脚为空 function PageSetup_N
复制链接

扫一扫