浏览器打印经验总结.docx

js 调用浏览器打印(可设置页眉、页脚、页边距) 、八 、亠 前言 打印需求， 在系统的开发中非常常见。 面对用户各种各样的打印格式要求， 如果有好用 的打印控件，开发打印功能自然无需多说。 但是如果没有， 直接使用浏览器自带的打印功能， 也是一个不错的选择。 下面就分享一下我自己在开发过程中，使用浏览器自带功能的一些经验。 1 打印功能介绍 1.1 普通打印 如果要将当前网页的内容直接打印到白纸上，很简单，使用如下 js 代码即可实现。 window.print(); 1.2 打印指定区域 1.2.1 简单打印某一区域 如果只需要简单打印当前网页的某一块内容， 不难实现。先使要打印的那一块获得焦点， 然后打印即可，代码如下： document.getElementById( 要打印的区域 id ).focus(); window.print(); 1.2.2使用css控制某一部分不打印 当然，使用 css 来控制某一区域不打印，也是很方便的。 代码如下( 红色部分是关键 )。该样式，在浏览的时候可以正常显示，只是打印的时候 不打印 class 为 noprint 的元素。 style type = text/css media=print .noprint { display : none } / style 1.3套打 如果用户已经有打印表格，只需要你打印数据内容上去，就是所谓的套打。 你当然可以设计一个只有要打印的数据项的表格， 然后通过css来控制元素的位置和字 体等格式。也可以结合 1.2.2的描述将不需要打印的部分隐藏，这样更便于你的打印预览 调试。 1.5 iframe 打印 如果你的打印格式比较复杂，在现有页面通过上边介绍的方式实现起来比较麻烦， 那就 干脆使用iframe 打印吧。那样你只需要提前画好一个页面，在要打印的时候使用 js将内 容或者模板页面路径传给 iframe 即可。 代码如下： win dow.frames[ pri ntFrm ].lo cati on .href = 页面路径; setTimeout( printAction() , 1000 ); //为防止页面未加载完就打印，延迟一秒 fun cti on pri ntActi on() { win dow.frames[ pri ntFrm ].focus(); win dow.frames[ pri ntFrm ].pri nt(); } 如果不希望iframe 被看到，就像下边这样，将高度设置为 0吧 src = iframe style =height:Opx; id =pri ntFrm n ame =pri ntFrm src = / iframe 1.6中描述方式进行设 1.6中描述方式进行设 1.6修改浏览器打印设置 在打印的时候，你可能希望由自己来控制页边距、页眉、页脚等。可以按如下方式，在 打印前进行相应的设置(注：由于使用了 ActiveXObject ，需要进行相应的浏览器安全设置, 将浏览器安全设置中有关“ ActiveX 控件和插件”下的相关限制放开，当然，这样做不是很安 全。可以将系统访问地址设置为“受信任的站点”，在“受信任的站点”的自定义级别中放开 相应限制，这就比较妥当了。 )。 fun cti on setPr in t() { var hkey_root,hkey_path,hkey_key; hkey_root= HKEY_CURRENT_USER; hkey_path= WSoftwareWMicrosoftWI nternet ExplorerWPageSetupW //设置网页打印的页眉页脚为空 try{ var RegWsh = new ActiveXObject( WScript.Shell ); //设置页眉为空 hkey_key= header ; TOC \o 1-5 \h \z RegWsh.RegWrite(hkey_root+hkey_path+hkey_key, ); //设置页脚为空 hkey_key= footer ; RegWsh.RegWrite(hkey_root+hkey_path+hkey_key, ); //设置下页边距(0 ) hkey_key= margin_bottom ; RegWsh.RegWrite(hkey_root+hkey_path+hkey_key, 0); //设置左页边距(0 ) hkey_key= margin_left ; RegWsh.RegWrite(hkey_root+hkey_path+hkey_key, 0); //设置右页边距(0 ) hkey_key= marg in _right ; RegWsh.