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 相关文章推荐
游戏人文件夹程序 ver 4.03
Jul 14 Javascript
node.js中的path.dirname方法使用说明
Dec 09 Javascript
BootStrap 下拉菜单点击之后不会出现下拉菜单(下拉菜单不弹出)的解决方案
Dec 14 Javascript
bootstrap datetimepicker日期插件超详细使用方法介绍
Feb 23 Javascript
原生JS京东轮播图代码
Mar 22 Javascript
ionic+AngularJs实现获取验证码倒计时按钮
Apr 22 Javascript
vue引入新版 vue-awesome-swiper插件填坑问题
Jan 25 Javascript
基于vue cli 通过命令行传参实现多环境配置
Jul 12 Javascript
JavaScript原型对象、构造函数和实例对象功能与用法详解
Aug 04 Javascript
在vue-cli 3中给stylus、sass样式传入共享的全局变量
Aug 12 Javascript
微信小程序开发之map地图组件定位并手动修改位置偏差
Aug 17 Javascript
vue-router之实现导航切换过渡动画效果
Oct 31 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
比较discuz和ecshop的截取字符串函数php版
2012/09/03 PHP
PHP实现下载断点续传的方法
2014/11/12 PHP
php之static静态属性与静态方法实例分析
2015/07/30 PHP
Thinkphp框架使用list_to_tree 实现无限级分类列出所有节点示例
2020/04/04 PHP
准确获得页面、窗口高度及宽度的JS
2006/11/26 Javascript
JS保存和删除cookie操作 判断cookie是否存在
2013/11/13 Javascript
JS使用getComputedStyle()方法获取CSS属性值
2014/04/23 Javascript
JS实现仿Windows7风格的网页右键菜单效果代码
2015/09/11 Javascript
解决jquery插件:TypeError:$.browser is undefined报错的方法
2015/11/21 Javascript
JavaScript操作class和style样式代码详解
2016/02/13 Javascript
一道关于JavaScript变量作用域的面试题
2016/03/08 Javascript
利用vue写todolist单页应用
2016/12/15 Javascript
js实现导航栏中英文切换效果
2017/01/16 Javascript
AngularJS模态框模板ngDialog的使用详解
2018/05/11 Javascript
详解Vue.js在页面加载时执行某个方法
2018/11/20 Javascript
Angular ui-roter 和AngularJS 通过 ocLazyLoad 实现动态(懒)加载模块和依赖
2018/11/25 Javascript
微信小程序云开发使用方法新手初体验
2019/05/16 Javascript
Vue如何循环提取对象数组中的值
2020/11/18 Vue.js
python中随机函数random用法实例
2015/04/30 Python
Python中多线程的创建及基本调用方法
2016/07/08 Python
Python 包含汉字的文件读写之每行末尾加上特定字符
2016/12/12 Python
Python3实现转换Image图片格式
2018/06/21 Python
django用户登录和注销的实现方法
2018/07/16 Python
python基于paramiko将文件上传到服务器代码实现
2019/07/08 Python
Python 使用list和tuple+条件判断详解
2019/07/30 Python
pytorch绘制并显示loss曲线和acc曲线,LeNet5识别图像准确率
2020/01/02 Python
记一次Django响应超慢的解决过程
2020/09/17 Python
html5 浏览器支持 如何让所有的浏览器都支持HTML5标签样式
2012/12/07 HTML / CSS
Booking.com荷兰:全球酒店网上预订
2017/08/22 全球购物
实习公司领导推荐函
2014/05/21 职场文书
食品安全汇报材料
2014/08/18 职场文书
走群众路线学习笔记
2014/11/06 职场文书
处级干部考察材料
2014/12/24 职场文书
酒店总经理岗位职责
2015/04/01 职场文书
Python使用openpyxl批量处理数据
2021/06/23 Python
win10如何快速切换窗口 win10切换窗口快捷键分享
2022/07/23 数码科技