资讯专栏INFORMATION COLUMN

window.print打印 去掉页眉页脚及打印链接

BlackFlagBin / 2094人阅读

摘要:首页全局引用去除样式去掉页眉页脚及打印链接兼容其他浏览器调用打印时,调用方法最终效果

首页全局引用去除CSS样式
// 去掉页眉页脚及打印链接
@page {
  margin-bottom: 0mm;
  margin-top: 0mm;
}
兼容IE其他浏览器
  function pagesetup_null() {
    var hkey_root, hkey_path, hkey_key;
    hkey_root = "HKEY_CURRENT_USER";
    hkey_path = "SoftwareMicrosoftInternet ExplorerPageSetup";
    try {
      var RegWsh = new ActiveXObject("WScript.Shell");
      hkey_key = "header";
      RegWsh.RegWrite(hkey_root + hkey_path + hkey_key, "");
      hkey_key = "footer";
      RegWsh.RegWrite(hkey_root + hkey_path + hkey_key, "");
    } catch (e) { }
  },
  function getExplorer() {
    var explorer = window.navigator.userAgent;
    //ie
    if (explorer.indexOf("MSIE") >= 0) {
      return "IE";
    }
    //firefox
    else if (explorer.indexOf("Firefox") >= 0) {
      return "Firefox";
    }
    //Chrome
    else if (explorer.indexOf("Chrome") >= 0) {
      return "Chrome";
    }
    //Opera
    else if (explorer.indexOf("Opera") >= 0) {
      return "Opera";
    }
    //Safari
    else if (explorer.indexOf("Safari") >= 0) {
      return "Safari";
    }
  }



  调用打印时,调用方法:
  if (getExplorer() == "IE") {
      pagesetup_null();
  }
  window.print();
最终效果

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/105240.html

相关文章

  • JS实现打印的方式

    摘要:实现打印的方式方式一会弹出打印对话框,打印的是中的内容,下面是从网上摘到的一个局部打印的例子,该例子的不足是打印会修改页面的内容。 目前正在做浏览器端采用js方式实现打印这么一个功能,JS打印实现的方法很多,但是兼容各个浏览器实现打印预览的功能有些棘手,现将实现的内容及遇到的问题记录下来,希望有大牛看到所提的问题后可以给予解答,在此感谢啦。 1.JS实现打印的方式 方式一:window...

    LucasTwilight 评论0 收藏0
  • Web打印探秘

    摘要:笔者最近做了一个在构建打印模板的需求,从中学习到一些有价值的东西,特地记录一篇文章分享。此时,浏览器会弹出打印预览的窗口,通过页面生成了用于打印预览。最后,联想到也可用于实现打印模板需求,笔者以和模板为例进行了一个简单的实践。 笔者最近做了一个在 Web 构建打印模板的需求,从中学习到一些有价值的东西,特地记录一篇文章分享。 概述 本文首先描述笔者所处的项目组的 Web 打印项目的需求...

    ymyang 评论0 收藏0
  • 【js】——前端无插件导出excel:自定义sheet、插入图片、设置打印、页边距、页脚

    摘要:思路用现有的导出的插件,无法实现,所以只能手写各种样式代码关于打印页脚之类无从下手的要求,需要导出后,复制一份,原文件拖进,查看源码,复制的那份用打开,设置打印页脚。 背景 前段时间因一个需求后端无法完成,所以交给前端来实现,导出表格,需要实现:1、支持多个sheet,并且有自己的name2、根据要求合并单元格,设置单元格的宽高3、在表格内有各自的二维码4、打印的页边距为左右各0.5c...

    flybywind 评论0 收藏0
  • CSS 打印

    摘要:原文链接简介本文主要讲解如何使用控制打印样式。用户代理可以调整文档内容的格式,使其显示在可打印区域。不管是否双面打印,打印总是包含左页和右页分别通过指定。伪类和需要双面打印时,通常需要将左页和右页设置不同的样式如页边距页码位置。 原文链接:https://lon.im/post/css-print... 简介 showImg(https://segmentfault.com/img/r...

    weapon 评论0 收藏0
  • 前端如何让网页打印时每一页都有固定的头部,且在达到固定高度时自动分页

    摘要:页面效果第一页第页业务需求网页点击打印时,打印渲染的页面每一页的头部都要有公司而且分页时不能让某一行的表格断开必须在达到固定高度时让页面自动分页为了实现上述需求,过程可谓心塞我首先尝试着让每一页的头部都能打印出相同的东西,本来想偷个懒,借助 页面效果: 第一页 showImg(https://segmentfault.com/img/bV4kHH?w=554&h=794); 第N页 s...

    bladefury 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<