HTML5技术

js 客户端打印html 并且去掉页眉、页脚 - 风吹De麦浪

字号+ 作者:H5之家 来源:H5之家 2017-11-05 08:01 我要评论( )

print() 方法用于打印当前窗口的内容,支持部分或者整个网页打

print() 方法用于打印当前窗口的内容,支持部分或者整个网页打印。

调用 print() 方法所引发的行为就像用户单击浏览器的打印按钮。通常,这会产生一个对话框,让用户可以取消或定制打印请求。

win10下测试ie11、chrome、firefox、360、edge 都可以成功去掉页眉页脚;

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>打印</title> 5 <meta charset="utf-8"> 6 <style> 7 .printBox { 8 width: 300px; 9 height: 300px; 10 border: 1px solid blue; 11 } 12 </style> 13 <!-- 打印的样式--> 14 <style media="print"> 15 @page { 16 size: auto; 17 margin: 0mm; 18 } 19 </style> 20 </head> 21 22 <body> 23 <div> 24 this is content!!!<br> 25 点击按钮打印 26 </div> 27 <button>打印</button> 28 </body> 29 30 <script type="text/javascript"> 31 function print_page() { remove_ie_header_and_footer(); 34 } 35 window.print(); 36 } remove_ie_header_and_footer() { 39 var hkey_path; 40 hkey_path = "HKEY_CURRENT_USER\\Software\\Microsoft\\Internet Explorer\\PageSetup\\"; 41 try { 42 var RegWsh = new ActiveXObject("WScript.Shell"); 43 RegWsh.RegWrite(hkey_path + "header", ""); 44 RegWsh.RegWrite(hkey_path + "footer", ""); 45 } catch (e) { 46 } 47 } 48 </script> 49 </html>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5须知十件事 - 前端攻城狮—18

    HTML5须知十件事 - 前端攻城狮—18

    2017-10-27 15:18

  • HTML5网站大观:15个精美的 HTML5 单页网站作品欣赏 - 前端攻城狮—18

    HTML5网站大观:15个精美的 HTML5 单页网站作品欣赏 - 前端攻城狮—1

    2017-10-26 14:06

  • HTML5 桌面通知:Notification API - _林鑫

    HTML5 桌面通知:Notification API - _林鑫

    2017-10-23 09:02

  • 关于HTML5手机端页面缩放的问题 - 神仙哥哥灬

    关于HTML5手机端页面缩放的问题 - 神仙哥哥灬

    2017-10-20 14:47

网友点评