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 相关文章推荐
开发跨浏览器javascript常见注意事项
Jan 01 Javascript
JavaScript 三种创建对象的方法
Oct 16 Javascript
javascript qq右下角滑出窗口 sheyMsg
Mar 21 Javascript
js showModalDialog 弹出对话框的简单实例(子窗体)
Jan 07 Javascript
AngularJS表单编辑提交功能实例
Feb 13 Javascript
iscroll.js的上拉下拉刷新时无法回弹的解决方法
Feb 18 Javascript
详解Javascript中prototype属性(推荐)
Sep 03 Javascript
JavaScript基本类型值-Undefined、Null、Boolean
Feb 23 Javascript
javascript性能优化之分时函数的介绍
Mar 28 Javascript
详解Vue webapp项目通过HBulider打包原生APP
Jun 29 Javascript
浅谈在不使用ssr的情况下解决Vue单页面SEO问题(2)
Nov 08 Javascript
微信小程序 setData 对 data数据影响问题
Apr 18 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创建PDF中文文档
2006/10/09 PHP
关于页面优化和伪静态
2009/10/11 PHP
深入array multisort排序原理的详解
2013/06/18 PHP
php多文件上传实现代码
2014/02/20 PHP
Codeigniter校验ip地址的方法
2015/03/21 PHP
php之static静态属性与静态方法实例分析
2015/07/30 PHP
ThinkPHP开发框架函数详解:C方法
2015/08/14 PHP
php readfile()修改文件上传大小设置
2017/08/11 PHP
php查看一个变量的占用内存的实例代码
2020/03/29 PHP
js自动查找select下拉的菜单并选择(示例代码)
2014/02/26 Javascript
Jquery Easyui分割按钮组件SplitButton使用详解(17)
2016/12/18 Javascript
jQueryUI 拖放排序遇到滚动条时有可能无法执行排序的小bug及解决方案
2016/12/19 Javascript
jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】
2017/05/13 jQuery
使用canvas实现一个vue弹幕组件功能
2018/11/30 Javascript
Vuex持久化插件(vuex-persistedstate)解决刷新数据消失的问题
2019/04/16 Javascript
原生js基于canvas实现一个简单的前端截图工具代码实例
2019/09/10 Javascript
vue elementui 实现搜索栏公共组件封装的实例代码
2020/01/20 Javascript
[56:47]Ti4 循环赛第三日 iG vs Liquid
2014/07/12 DOTA
详解python中的数据类型和控制流
2019/08/08 Python
解决Python3下map函数的显示问题
2019/12/04 Python
python 实现检验33品种数据是否是正态分布
2019/12/09 Python
python实现对变位词的判断方法
2020/04/05 Python
python实现数学模型(插值、拟合和微分方程)
2020/11/13 Python
哄娃神器4moms商店:美国婴童用品品牌
2019/03/07 全球购物
澳大利亚家居用品零售商:Harris Scarfe
2020/10/10 全球购物
空指针到底是什么
2012/08/07 面试题
SQL Server面试题
2016/10/17 面试题
后勤副校长自我鉴定
2013/10/13 职场文书
运动会邀请函范文
2014/01/31 职场文书
放飞梦想演讲稿
2014/05/05 职场文书
银行纠风工作实施方案
2014/06/08 职场文书
小学教师岗位职责
2015/04/02 职场文书
2015年招生工作总结
2015/05/04 职场文书
环保守法证明
2015/06/24 职场文书
高三教师工作总结2015
2015/07/21 职场文书
小学英语教师研修感悟
2015/11/18 职场文书