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 并且去掉页眉、页脚的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JQuery 初体验(建议学习jquery)
Apr 25 Javascript
小议Javascript中的this指针
Mar 18 Javascript
jQuery的实现原理的模拟代码 -4 重要的扩展函数 extend
Aug 03 Javascript
js去字符串前后空格5种实现方法及比较
Apr 03 Javascript
基于JQuery的列表拖动排序实现代码
Oct 01 Javascript
JavaScript实现Iterator模式实例分析
Jun 09 Javascript
AngularJS 路由和模板实例及路由地址简化方法(必看)
Jun 24 Javascript
JS Canvas定时器模拟动态加载动画
Sep 17 Javascript
使用JS批量选中功能实现更改数据库中的status状态值(批量展示)
Nov 22 Javascript
快速搭建React的环境步骤详解
Nov 06 Javascript
jQuery Ajax实现Select多级关联动态绑定数据的实例代码
Oct 26 jQuery
js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解
Jan 19 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
You might like
yii2整合百度编辑器umeditor及umeditor图片上传问题的解决办法
2016/04/20 PHP
javascript编程起步(第二课)
2007/02/27 Javascript
按给定几率进行随机抽取的js代码
2010/12/28 Javascript
5秒后跳转到另一个页面的js代码
2013/10/12 Javascript
Javascript中的高阶函数介绍
2015/03/15 Javascript
使用Bootstrap typeahead插件实现搜索框自动补全的方法
2016/07/07 Javascript
jQuery异步提交表单的两种方式
2016/09/13 Javascript
浅谈jQuery效果函数
2016/09/16 Javascript
jQuery实现滚动效果
2017/11/17 jQuery
Javascript中从学习bind到实现bind的过程
2018/01/05 Javascript
JavaScript生成指定范围的时间列表
2018/03/19 Javascript
不得不知的ES6小技巧
2018/07/28 Javascript
JavaScript ES6常用基础知识总结
2019/02/09 Javascript
JavaScript中this的全面解析及常见实例
2019/05/14 Javascript
vue.js实现左边导航切换右边内容
2019/10/21 Javascript
vue scroll滚动判断的实现(是否滚动到底部、滚动方向、滚动节流、获取滚动区域dom元素)
2020/06/11 Javascript
Jquery使用each函数实现遍历及数组处理
2020/07/14 jQuery
vue用elementui写form表单时,在label里添加空格操作
2020/08/13 Javascript
JavaScript实现网页动态生成表格
2020/11/25 Javascript
[01:21:07]EG vs Liquid 2018国际邀请赛淘汰赛BO3 第一场 8.25
2018/08/29 DOTA
Python的Django框架安装全攻略
2015/07/15 Python
python使用邻接矩阵构造图代码示例
2017/11/10 Python
python实现批量按比例缩放图片效果
2018/03/30 Python
python 实现将文件或文件夹用相对路径打包为 tar.gz 文件的方法
2019/06/10 Python
python Event事件、进程池与线程池、协程解析
2019/10/25 Python
使用Keras建立模型并训练等一系列操作方式
2020/07/02 Python
python boto和boto3操作bucket的示例
2020/10/30 Python
python 利用matplotlib在3D空间绘制二次抛物面的案例
2021/02/06 Python
加拿大著名时装品牌:SOIA & KYO
2016/08/23 全球购物
摄影实习自我鉴定
2013/09/20 职场文书
买房委托公证书
2014/04/08 职场文书
2014年安全管理工作总结
2014/12/01 职场文书
2014年党支部书记工作总结
2014/12/04 职场文书
小学中队活动总结
2015/05/11 职场文书
2016国庆促销广告语
2016/01/28 职场文书
只需要12页,掌握撰写一流商业计划书的技巧
2019/05/07 职场文书