知识大全 js 控制网页打印大全

Posted 2022-07-20 知

篇首语：万事须己运，他得非我贤。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 js 控制网页打印大全相关的知识，希望对你有一定的参考价值。

　　普通打印（整页打）打印网页内部分内容（自定义）打印去掉/添加页眉页脚使用外部控件/方法实现多功能打印打印背景

　　以上为代码控制

　　设置“页面设置”实现打印参数设置（Window系统图文版）

　　一普通打印（整页打）这个不用多说直接用

　　引用:window print();

　　二打印网页内部分内容（自定义）

　　分三种方法实现用css控制

　　引用:@media print a display:block b display:hidden 把你不想打印的部分class设为b 首先在网页中添加

　　引用:<OBJECT id="WebBrowser" height= width= classid="CLSID: F A D A B C FD A " VIEWASTEXT> </OBJECT> 然后就可以依次加入功能按钮了

　　引用:<input type=button value="打印"> <input type=button value="直接打印"> <input type=button value="页面设置"> <input type=button value="打印预览"> <INPUT type=button value="关闭窗口" > 将这两块东西放到<center class=noprint></center>就不会打印这些按钮了当然要定义noprint了 <style media="print"> Noprint DISPLAY: none </style>只要把不想打印的东西的css设置成noprint就可以了现在就实现了基本的web打印需要注意的情况如下 a 必须将ie的internet选项的安全设置中对于没有标记为安全的ActiveX控件进行设置成提示或者启用否则会报错导致不可用 b 如果在vs net编辑环境下编辑该页面它经常自动的给object添加多余的参数有了这些东西打印就会出错所以要记得最后保存的时候删除它们

　　用javascript打印固定标签内的内容 a 在页面的代码头部处加入JavaScript

　　引用:<script language=javascript> function doPrint() bd=window document body innerHTML; sprnstr="<! startprint >"; eprnstr="<! endprint >"; prn=bd substr(bd indexOf(sprnstr)+ ); prn=prn substring( prn indexOf(eprnstr)); window document body innerHTML=prn; window print(); </script>

　　在页面正文处加上<! startprint >与<! endprint >标识

　　也就是在需要用户打印保存的正文所对应的处附加上同时如果采用小偷程序获得远程数据并需打印可将此等数据置于该定义标签之内即可

　　截取内容部分已完成现在加个“打印”的链接

　　XML/HTML代码 <a href="javascript:;" onClick="doPrint()">打印</a>

　　引用: <script language="JavaScript"> var ey_root ey_path ey_key ey_root="HKEY_CURRENT_USER" ey_path="SofareMicrosoftInternet ExplorerPageSetup" //设置网页打印的页眉页脚为空 function pagesetup_null() try var RegWsh = new ActiveXObject("WScript Shell") ey_key="header" RegWsh RegWrite(ey_root+ey_path+ey_key "") ey_key="footer" RegWsh RegWrite(ey_root+ey_path+ey_key "") catch(e) //设置网页打印的页眉页脚为默认值 function pagesetup_default() try var RegWsh = new ActiveXObject("WScript Shell") ey_key="header" RegWsh RegWrite(ey_root+ey_path+ey_key "&w&b页码 &p/&P")ey_key="footer" RegWsh RegWrite(ey_root+ey_path+ey_key "&u&b&d") catch(e) </script> <input type=button value="清空页码" onclick=pagesetup_null()> <input type=button value="恢复页码" onclick=pagesetup_default()>

　　复制出去看下效果就可以了

　　（四）使用外部控件/方法实现多功能打印

　　 IEWebBrowser组件

　　介绍 % BEN US% BQ #top #appliesto

　　代码

　　引用:<OBJECT classid=CLSID: F A D A B C FD A height= id=WebBrowser width= ></OBJECT> <input name=Button onClick=document all WebBrowser ExecWB( ) type=button value=打开> <input name=Button onClick=document all WebBrowser ExecWB( ) type=button value=关闭所有> <input name=Button onClick=document all WebBrowser ExecWB( ) type=button value=另存为> <input name=Button onClick=document all WebBrowser ExecWB( ) type=button value=打印> <input name=Button onClick=document all WebBrowser ExecWB( ) type=button value=直接打印> <input name=Button onClick=document all WebBrowser ExecWB( ) type=button value=打印预览> <input name=Button onClick=document all WebBrowser ExecWB( ) type=button value=页面设置> <input name=Button onClick=document all WebBrowser ExecWB( ) type=button value=属性> <input name=Button onClick=document all WebBrowser ExecWB( ) type=button value=全选> <input name=Button onClick=document all WebBrowser ExecWB( ) type=button value=刷新> <input name=Button onClick=document all WebBrowser ExecWB( ) type=button value=关闭>

　　使用ScriptX cab控件

　　．下载ScriptX cab控件

　　．使用object元素修改codebase classid的值

　　这里调用控件ScriptX cab

　　代码

　　引用: <OBJECT id="factory" codeBase="$rootUrljs/smsx cab#VVersion= " classid="clsid: ed eb d b f fdd " viewastext></OBJECT>

　　这段代码用来加载cab文件 clsid和codebase必须要和你下载的cab中的信息对应否则组件会加载错误这两项其实不难找只要你用winrar打开你下载的cab文件然后找到扩展名是 inf的文件然后打开之就能看到了

　　．调用控件脚本

　　Print js文件代码

　　引用:

　　function setPrintBase(headerText footerText rootUrl) // advanced features 未曾使用过有待确认 //factory printing SetMarginMeasure( ); // measure margins in inches //factory SetPageRange(false );// need pages from to //factory printing printer = "HP DeskJet C"; //factory printing copies = ; //factory printing collate = true; //factory printing paperSize = "A "; //factory printing paperSource = "Manual feed" var header = (headerText==null||headerText=="")? 默认页眉 :headerText; var footer = (footerText==null||footerText=="")? 默认页角 :footerText; factory printing header = "&b"+header+"&b" ; factory printing footer = "&b"+footer; factory printing portrait = true; factory printing leftMargin = ; factory printing topMargin = ; factory printing rightMargin = ; factory printing bottomMargin = ;

　　例子

　　引用:

　　<> <head> <meta equiv="imagetoolbar" c> <script language="javascript" src=print js></script> <style media="print"> Noprint DISPLAY: none; </style> <title>打印测试</title> </head> <OBJECT id="factory" codeBase="smsx cab#VVersion=" classid="clsid: ed eb d b f fdd " viewastext></OBJECT> <script defer> function window onload() setPrintBase( 页眉页脚 ); </script> <body topmargin=" " leftmargin=" " rigargin=" " bottommargin=" " margin margin> <center > <input type=button value="打印" > <input type=button value="页面设置" > <input type=button value="打印预览" > <input type=button value="关闭" > </center> <center> <table width= % border= cellpadding=" " cellspacing=" "> <tr><td align=center><b>内容</b></td></tr> </table> </center> </body> </>

　　（五）打印背景默认情况下使用IE浏览器打印网页时不打印网页背景如果需要打印网页背景可以采用如下的方法设置启动IE浏览器选择【工具】菜单中的【Internet选项】菜单项打开【Internet选项】对话框打开【高级】选项卡在【打印】选区中选择【打印背景颜色和图像】复选框单击【确定】按钮关闭对话框

　　（六）如何用IE打印网页

　　 Internet Explorer（简称IE）以上版本强大的打印及打印预览功能本文就向大家介绍如何用IE来打印网页（谁？谁？谁在扔西红柿？下面一片嘘声这还用得着你讲呀？！）咳咳咳是的是的在IE中打印网页实在是太简单不过了只需点一下工具栏上“打印”按钮就可将当前网页打印出来如下图所示

　　不过你这样打出来的效果怎么样呢？我就不敢说了我今天要和大家讲的就是一些打印方面的设置参数如何大家把这些参数设置好你就会发现IE的打印功能快追得上Word了今后你打印网页时就可以想怎么打就怎么打了好闲话少说现在就跟我来一起看看怎么样设置IE的打印参数我们以下图要打印的学生名单（《学生学籍管理系统MX》查询结果网页）为例讲解如何设置这些打印参数

　　假如我们直接点工具栏的“打印”按钮或点“文件”菜单中的“打印”进行打印这个网页的话就会打印出很多不必要的信息所以在打印前我们应先用IE 新增的“打印预览”功能查看当前网页的实际打印效果如下图所示

　　在如下图所示的“打印预览”对话框中我们可以看到网页标题网页的URL地址及打印日期等我们所不需要的信息也被打印出来了而页码又在右上角能不能把它移到其他位置（如我们常见的右下角）呢？

　　能不能按照我们所想要的样式来打印网页呢？当然可以一切就在“页面设置”中

　　弹出如下图所示的“页面设置”对话框所有的秘密都在这里！

　　原来 IE自动给我们在页眉和页脚处加上了这些不必要的打印信息如果我们不想要任何页眉和页脚的话直接删除它们就行了）大部分时候我都是这样做的但如果你想自定义页眉和页脚的时候该怎么做呢？上面的那些“&w&b&p”等等究竟表示什么意思呀？给你个表格就知道了含义 &w 网页标题 &u 网页地址 (URL) &d 短日期格式（由“控制面板”中的“区域设置”指定） &D 长日期格式（由“控制面板”中的“区域设置”指定） &t 由“控制面板”中的“区域设置”指定的时间格式 &T 小时时间格式 &p 当前页码 &P 总页数 &b 文本右对齐（请把要右对齐的文字放在“&b”之后） &b&b 文字居中（请把要居中的文字放在“&b”和“&b” 之间） && 单个 & 号 (&) 注这些符号可以与文字组合使用如本教程中的“页码 &p/&P” 页眉和页脚默认是左对齐的所以IE只提供了右对齐和居中的设置符号推荐给大家一种设置方法页眉为空页脚设为“&b第 &p 页 / 共 &P 页&b” 打印效果为在页脚居中显示“第页 / 共页”的效果知道了上面的知识你就可以打印了但有时你会发现网页中的一些图像在打印时不见了 Why？为什么会这样？别着急 IE的默认设置是不打印网页的背景颜色和图像的您只需进入IE的Internet选项将它选中（打上勾）就行了具体操作方法是点IE的主菜单中的“工具”——“Internet选项”——再在弹出的对话框中占击“高级”选项卡找到“打印背景颜色和图像”一项如下图所示

　　然后将上图中红色圈住的选项打上勾再点“确定”就OK了

　　至此我们就完成了对IE的打印设置接下来只要我们没有关闭IE 我们就可以一直使用上述设置（最后一项“打印背景颜色和图像”的更改始终有效）进行打印打印前一般先进行打印预览效果满意后再开始打印

cha138/Article/program/Java/JSP/201311/19825