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 相关文章推荐
Extjs在exlipse中设置自动提示的方法
Apr 07 Javascript
可简单避免的三个JS发布错误的详细介绍
Aug 02 Javascript
jquery内置验证(validate)使用方法示例(表单验证)
Dec 04 Javascript
jquery自动填充勾选框即把勾选框打上true
Mar 24 Javascript
浅谈javascript中this在事件中的应用
Feb 15 Javascript
JQuery实现超链接鼠标提示效果的方法
Jun 10 Javascript
第三章之Bootstrap 表格与按钮功能
Apr 25 Javascript
Jquery Easyui进度条组件Progress使用详解(8)
Mar 26 Javascript
为输入框加入数字js校验代码分享
Nov 02 Javascript
使用axios实现上传图片进度条功能
Dec 21 Javascript
基于打包工具Webpack进行项目开发实例
May 29 Javascript
微信小程序image图片加载完成监听
Aug 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
php图片加水印原理(超简单的实例代码)
2013/01/18 PHP
php similar_text()函数的定义和用法
2016/05/12 PHP
PHP堆栈调试操作简单示例
2018/06/15 PHP
jquery解析XML字符串和XML文件的方法说明
2014/02/21 Javascript
jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动
2014/03/27 Javascript
JavaScript中的alert()函数使用技巧详解
2014/12/29 Javascript
jQuery实现ajax调用WCF服务的方法(附带demo下载)
2015/12/04 Javascript
JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法
2016/12/27 Javascript
基于JS实现bookstore静态页面的实例代码
2017/02/22 Javascript
原生javascript移动端滑动banner效果
2017/03/10 Javascript
详解Angular-cli生成组件修改css成less或sass的实例
2017/07/27 Javascript
vue中子组件调用兄弟组件方法
2018/07/06 Javascript
微信小程序的开发范式BeautyWe.js入门详解
2019/07/10 Javascript
基于PHP pthreads实现多线程代码实例
2020/06/24 Javascript
JavaScript中交换值的10种方法总结
2020/08/18 Javascript
[03:08]TI9战队档案 - Vici Gaming
2019/08/20 DOTA
Python的语言类型(详解)
2017/06/24 Python
Python中的pygal安装和绘制直方图代码分享
2017/12/08 Python
python判断一个集合是否为另一个集合的子集方法
2018/05/04 Python
python实现两个字典合并,两个list合并
2019/12/02 Python
pytorch进行上采样的种类实例
2020/02/18 Python
如何基于python3和Vue实现AES数据加密
2020/03/27 Python
opencv 图像滤波(均值,方框,高斯,中值)
2020/07/08 Python
计算机专业应届毕业生自荐信
2013/09/26 职场文书
大学生毕业自我评价范文分享
2013/11/11 职场文书
金属材料工程个人求职的自我评价
2013/12/04 职场文书
2014年预备党员学习两会心得体会
2014/03/17 职场文书
大学生简短的自我评价
2014/09/12 职场文书
小学趣味运动会加油稿
2014/09/25 职场文书
2014年服务行业工作总结
2014/11/18 职场文书
青年岗位能手事迹材料
2014/12/23 职场文书
董事长岗位职责
2015/02/13 职场文书
2015年纪委工作总结
2015/05/13 职场文书
致短跑运动员加油稿
2015/07/21 职场文书
五星级酒店宣传口号
2015/12/25 职场文书
JavaScript 去重和重复次数统计
2021/03/31 Javascript