Javascript网页打印大全(有图版).docx

Javascript网页打印大全（有图版） 已有 136 次阅读? 2010-07-31 15:17 一、普通打印（整页打）????? 二、打印网页内部分内容（自定义）??????? 三、打印去掉/添加页眉页脚??????????? 四、使用外部控件/方法实现多功能打印??????????? 五、打印背景 (以上为代码控制) 六、设置“页面设置”实现打印参数设置（Window系统图文版） ? 一、普通打印（整页打）这个不用多说，直接用 引用:window.print(); 二、打印网页内部分内容（自定义） 分三种方法实现： 1、用css控制 引用:@media print.a {display:block}.b {display:hidden}把你不想打印的部分class设为b首先在网页中添加： 引用:OBJECT id=WebBrowser height=0 width=0 classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2VIEWASTEXT/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. 如果在编辑环境下编辑该页面，它经常自动的给object添加多余的参数，有了这些东西，打印就会出错，所以要记得最后保存的时候删除它们。 2、用javascript打印固定标签内的内容 a、在页面的代码头部处加入JavaScript： 引用:script language=javascriptfunction doPrint() { bdhtml=window.document.body.innerHTML; //获取当前页的html代码sprnstr=!--startprint--; //设置打印开始区域eprnstr=!--endprint--; //设置打印结束区域prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); //从开始代码向后取htmlprnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); //从结束代码向前取htmlwindow.document.body.innerHTML=prnhtml; window.print(); }/script b、在页面正文处加上!--startprint--与!--endprint--标识。 也就是在需要用户打印保存的正文所对应的html处附加上。同时，如果采用小偷程序获得远程数据并需打印，可将此等数据置于该定义标签之内即可。 3、截取内容部分已完成，现在加个“打印”的链接： XML/HTML代码 a href=javascript:; onClick=doPrint()打印/a 引用:script language=JavaScriptvar hkey_root,hkey_path,hkey_keyhkey_root=HKEY_CURRENT_USERhkey_path= HYPERLINK \\\\Software\\Microsoft\\Internet \t _blank \\Software\\Microsoft\\Internet Explorer\\PageSetup\\//设置网页打印的页眉页脚为空function pagesetup_null(){try{var RegWsh = new ActiveXObject(WScript.Shell)hkey_key=header RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,)hkey_key=footerRegWsh.RegWrite(hkey_root+hkey_path+hkey_