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 相关文章推荐
奇妙的js
Sep 24 Javascript
Javascript 键盘keyCode键码值表
Dec 24 Javascript
JS实现5秒钟自动封锁div层的方法
Feb 20 Javascript
js模拟淘宝网的多级选择菜单实现方法
Aug 18 Javascript
使用BootStrap实现标签切换原理解析
Mar 14 Javascript
JQuery Ajax 异步操作之动态添加节点功能
May 24 jQuery
Js实现京东无延迟菜单效果实例(demo)
Jun 02 Javascript
Angular4学习教程之DOM属性绑定详解
Jan 04 Javascript
vue使用v-for实现hover点击效果
Sep 29 Javascript
Vue两个版本的区别和使用方法(更深层次了解)
Feb 16 Javascript
解决vue项目axios每次请求session不一致的问题
Oct 24 Javascript
node.js如何操作MySQL数据库
Oct 29 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
PHP curl_setopt()函数实例代码与参数分析
2011/06/02 PHP
PHP面向对象的进阶学习(抽像类、接口、final、类常量)
2012/05/07 PHP
PHP文件上传主要代码讲解
2013/09/30 PHP
分享下php5类中三种数据类型的区别
2015/01/26 PHP
PHP array_key_exists检查键名或索引是否存在于数组中的实现方法
2016/06/13 PHP
php自动载入类用法实例分析
2016/06/24 PHP
for 循环性能比较 提高for循环的效率
2009/03/19 Javascript
firefox插件Firebug的使用教程
2010/01/02 Javascript
JavaScript中的一些定位属性[图解]
2010/07/14 Javascript
JS打印gridview实现原理及代码
2013/02/05 Javascript
JavaScript事件委托的技术原理探讨示例
2014/04/17 Javascript
基于jquery实现图片相关操作(重绘、获取尺寸、调整大小、缩放)
2015/12/25 Javascript
javascript实现仿百度图片的瀑布流加载效果
2016/04/20 Javascript
JavaScript设计模式开发中组合模式的使用教程
2016/05/18 Javascript
利用jQuery对无序列表排序的简单方法
2016/10/16 Javascript
Vue通过input筛选数据
2020/10/26 Javascript
vue子父组件通信的实现代码
2017/07/09 Javascript
Vue 滚动行为的具体使用方法
2017/09/13 Javascript
深入理解Vue 组件之间传值
2018/08/16 Javascript
layui layer select 选择被遮挡的解决方法
2019/09/21 Javascript
python实现去除下载电影和电视剧文件名中的多余字符的方法
2014/09/23 Python
Python聚类算法之DBSACN实例分析
2015/11/20 Python
解决Tensorflow 内存泄露问题
2020/02/05 Python
pip 20.3 新版本发布!即将抛弃 Python 2.x(推荐)
2020/12/16 Python
matplotlib绘制正余弦曲线图的实现
2021/02/22 Python
css3 伪元素和伪类选择器详解
2014/09/04 HTML / CSS
“型”走纽约上东区:Sam Edelman
2017/04/02 全球购物
美国著名的品牌折扣店:Burlington
2017/06/08 全球购物
元旦晚会主持词
2014/03/24 职场文书
党支部特色活动方案
2014/08/20 职场文书
自荐信模板大全
2015/03/27 职场文书
邮政营业员岗位职责
2015/04/14 职场文书
2016暑期校本培训心得体会
2016/01/08 职场文书
应届生们该怎么书写求职信?
2019/07/05 职场文书
祝福语集锦:送给闺蜜的生日祝福语
2019/10/08 职场文书
element多个表单校验的实现
2021/05/27 Javascript