编程 Javascript

js 客户端打印html 并且去掉页眉、页脚的实例

Posted in Javascript onNovember 03, 2017

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

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

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

<!DOCTYPE html>
<html>
<head>
 <title>打印</title>
 <meta charset="utf-8">
 <style>
  .printBox {
   width: 300px;
   height: 300px;
   border: 1px solid blue;
  }
 </style>
 <!-- 打印的样式-->
 <style media="print">
  @page {
   size: auto;
   margin: 0mm;
  }
 </style>
</head>

<body>
<div class="printBox">
 this is content!!!<br>
 点击按钮打印
</div>
<button onclick='print_page()'>打印</button>
</body>

<script type="text/javascript">
 function print_page() {
  if (!!window.ActiveXObject || "ActiveXObject" in window) { //是否ie
   remove_ie_header_and_footer();
  }
  window.print();
 }

 function remove_ie_header_and_footer() {
  var hkey_path;
  hkey_path = "HKEY_CURRENT_USER\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";
  try {
   var RegWsh = new ActiveXObject("WScript.Shell");
   RegWsh.RegWrite(hkey_path + "header", "");
   RegWsh.RegWrite(hkey_path + "footer", "");
  } catch (e) {
  }
 }
</script>
</html>

以上这篇js 客户端打印html 并且去掉页眉、页脚的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

js 客户端打印html 并且去掉页眉、页脚的实例

- Author -

风吹De麦浪

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery创建平滑的页面滚动(顶部或底部)

Feb 26 Javascript

Jquery时间验证和转换工具小例子

Jul 01 Javascript

js对列表中第一个值处理与jsp页面对列表中第一个值处理的区别详解

Nov 05 Javascript

javascript垃圾收集机制与内存泄漏详细解析

Nov 11 Javascript

javaScript实现可缩放的显示区效果代码

Oct 26 Javascript

AngularJS身份验证的方法

Feb 17 Javascript

JavaScript实现横线提示输入验证码随输入验证码输入消失的方法

Sep 24 Javascript

js闭包用法实例详解

Dec 13 Javascript

Angular 4.x 动态创建表单实例

Apr 25 Javascript

深入剖析Express cookie-parser中间件实现示例

Feb 01 Javascript

Vue+webpack项目基础配置教程

Feb 12 Javascript

vue打包之后生成一个配置文件修改接口的方法

Dec 09 Javascript

微信小程序自动客服功能

Nov 02 #Javascript

微信小程序选择图片和放大预览图片功能

Nov 02 #Javascript

微信小程序实现图片放大预览功能

Oct 22 #Javascript

极简主义法编写JavaScript类

Nov 02 #Javascript

利用nvm管理多个版本的node.js与npm详解

Nov 02 #Javascript

JavaScript屏蔽Backspace键的实现代码

Nov 02 #Javascript

Vue源码学习之初始化模块init.js解析

Nov 02 #Javascript