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 相关文章推荐
封装好的省市地区联动控件附下载
Aug 13 Javascript
浅析JavaScript中的事件机制
Jun 04 Javascript
JavaScript操作class和style样式代码详解
Feb 13 Javascript
理解javascript正则表达式
Mar 08 Javascript
AngularJS学习第一篇 AngularJS基础知识
Feb 13 Javascript
js oncontextmenu事件使用详解
Mar 25 Javascript
浅谈Vue2.0父子组件间事件派发机制
Jan 08 Javascript
Vue实现点击时间获取时间段查询功能
Aug 21 Javascript
angularJS实现不同视图同步刷新详解
Oct 09 Javascript
微信小程序实现折线图的示例代码
Jun 07 Javascript
JavaScript基于用户照片姓名生成海报
May 29 Javascript
javascript实现打砖块小游戏(附完整源码)
Sep 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
ThinkPHP结合AjaxFileUploader实现无刷新文件上传的方法
2014/10/29 PHP
PHP DB 数据库连接类定义与用法示例
2019/03/11 PHP
laravel Model 执行事务的实现
2019/10/10 PHP
一次失败的jQuery优化尝试小结
2011/02/06 Javascript
jQuery EasyUI API 中文文档 - Dialog对话框
2011/11/15 Javascript
jQuery实现简单二级下拉菜单
2015/04/12 Javascript
JS简单实现动画弹出层效果
2015/05/05 Javascript
两款JS脚本判断手机浏览器类型跳转WAP手机网站
2015/10/16 Javascript
sso跨域写cookie的一段js脚本(推荐)
2016/05/25 Javascript
javascript中异常处理案例(推荐)
2016/10/03 Javascript
微信小程序实现顶部普通选项卡效果(非swiper)
2020/06/19 Javascript
微信小程序实现图片懒加载的示例代码
2017/12/13 Javascript
VUE v-for循环中每个item节点动态绑定不同函数的实例
2018/09/26 Javascript
深入理解移动前端开发之viewport
2018/10/19 Javascript
微信小程序登录按钮遮罩浮层效果的实现方法
2018/12/16 Javascript
实现一个 Vue 吸顶锚点组件方法
2019/07/10 Javascript
5分钟教你用nodeJS手写一个mock数据服务器的方法
2019/09/10 NodeJs
Vue中watch、computed、updated三者的区别及用法
2020/07/27 Javascript
原生js实现无缝轮播图效果
2021/01/28 Javascript
一文秒懂nodejs中的异步编程
2021/01/28 NodeJs
python实现TF-IDF算法解析
2018/01/02 Python
Python中列表与元组的乘法操作示例
2018/02/10 Python
python根据时间获取周数代码实例
2019/09/30 Python
keras实现VGG16 CIFAR10数据集方式
2020/07/07 Python
Python连接mysql数据库及简单增删改查操作示例代码
2020/08/03 Python
canvas实现二维码和图片合成的示例代码
2018/08/01 HTML / CSS
英国Lookfantastic中文网站:护肤品美妆美发购物(英国直邮)
2020/04/27 全球购物
西部世纪.net笔试题面试题
2014/04/03 面试题
宣传工作经验材料
2014/06/02 职场文书
跑操口号
2014/06/12 职场文书
节约用电标语
2014/06/17 职场文书
2014优秀大学生简历自我评价
2014/09/15 职场文书
党员民主生活会整改措施
2014/09/26 职场文书
入党后的感想
2015/08/10 职场文书
迎客户欢迎词三篇
2019/09/27 职场文书
pytorch 实现变分自动编码器的操作
2021/05/24 Python