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添加select下默认的option的value和text的方法
Oct 19 Javascript
JSP基于Bootstrap分页显示实例解析
Jun 12 Javascript
AngularJS指令与控制器之间的交互功能示例
Dec 14 Javascript
ES5学习教程之Array对象
Apr 01 Javascript
基于Vue2.0+ElementUI实现表格翻页功能
Oct 23 Javascript
详解vue axios二次封装
Jul 22 Javascript
浅谈Vue.use的使用
Aug 29 Javascript
原生js实现公告滚动效果
Jan 10 Javascript
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
Jun 18 jQuery
微信小程序iOS下拉白屏晃动问题解决方案
Oct 12 Javascript
vue proxy 的优势与使用场景实现
Jun 15 Javascript
解决vant title-active-color与title-inactive-color不生效问题
Nov 03 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
2020年4月放送决定!第2期TV动画《邪神酱飞踢》视觉图&主题曲情报公开!
2020/03/06 日漫
phpMyAdmin 安装配置方法和问题解决
2009/06/08 PHP
深入php中var_dump方法的使用详解
2013/06/24 PHP
在php和MySql中计算时间差的方法详解
2015/03/27 PHP
又拍云异步上传实例教程详解
2016/04/19 PHP
thinkphp5 加载静态资源路径与常量的方法
2017/12/24 PHP
详解PHP中的外观模式facade pattern
2018/02/05 PHP
laravel实现按时间日期进行分组统计方法示例
2019/03/23 PHP
PHP7 其他修改
2021/03/09 PHP
获取数组中最大最小值方法js代码(自写)
2013/08/12 Javascript
jQuery标签替换函数replaceWith()的使用例子
2014/08/28 Javascript
一个检测表单数据的JavaScript实例
2014/10/31 Javascript
Javascript基础教程之函数对象和属性
2015/01/18 Javascript
AspNet中使用JQuery上传插件Uploadify详解
2015/05/20 Javascript
浅谈javascript获取元素transform参数
2015/07/24 Javascript
JS模拟实现Select效果代码
2015/09/24 Javascript
详解AngularJS中自定义过滤器
2015/12/28 Javascript
JQuery EasyUI学习教程之datagrid 添加、修改、删除操作
2016/07/09 Javascript
KnockoutJS 3.X API 第四章之数据控制流component绑定
2016/10/10 Javascript
vue-cli构建vue项目的步骤详解
2019/01/27 Javascript
Vue数据绑定实例写法
2019/08/06 Javascript
Jquery Datatables的使用详解
2020/01/30 jQuery
vue实现把接口单独存放在一个文件方式
2020/08/13 Javascript
JS实现小米轮播图
2020/09/21 Javascript
在keras 中获取张量 tensor 的维度大小实例
2020/06/10 Python
python中np是做什么的
2020/07/21 Python
详解Python中@staticmethod和@classmethod区别及使用示例代码
2020/12/14 Python
施华洛世奇匈牙利官网:SWAROVSKI匈牙利
2019/07/06 全球购物
Muziker英国:中欧最大的音乐家商店
2020/02/05 全球购物
银行会计职员个人的自我评价
2013/09/29 职场文书
内衣营销方案
2014/03/15 职场文书
党员公开承诺事项
2014/03/25 职场文书
我心目中的好老师活动方案
2014/08/19 职场文书
大学生求职自荐信
2015/03/24 职场文书
售后服务质量承诺书
2015/04/29 职场文书
2016年六一文艺汇演开幕词
2016/03/04 职场文书