开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

js ie打印去掉页码

在 Internet Explorer（IE）浏览器中打印页面时，有时会遇到页面底部自动添加页码的情况。要去掉这些页码，可以通过 JavaScript 和 CSS 来实现。以下是一些方法：

方法一：使用 CSS

你可以使用 CSS 的 @media print 规则来隐藏页码。具体来说，可以通过设置 page-break-after 和 page-break-before 属性来控制分页，并使用 display: none; 来隐藏页脚中的页码元素。

@media print {
  .page-number {
    display: none;
  }
}

假设你的页码元素有一个类名为 page-number，上述 CSS 代码会在打印时隐藏这个元素。

方法二：使用 JavaScript

如果你需要在打印前动态移除页码，可以使用 JavaScript 来操作 DOM。以下是一个示例：

function removePageNumbers() {
  var pageNumbers = document.querySelectorAll('.page-number');
  pageNumbers.forEach(function(pageNumber) {
    pageNumber.style.display = 'none';
  });
}

window.addEventListener('beforeprint', removePageNumbers);

这段代码会在打印前（beforeprint 事件触发时）移除所有类名为 page-number 的元素。

应用场景

报告和文档打印：在企业环境中，经常需要打印报告或文档，而不希望显示页码。
网页内容预览：某些网页内容预览时，可能不希望显示页码，以便更清晰地展示内容。

注意事项

确保你的 CSS 和 JavaScript 代码在 IE 浏览器中兼容。IE 对一些现代 CSS 属性和 JavaScript API 的支持可能有限。
如果使用 JavaScript 动态修改 DOM，确保在打印完成后恢复原始状态，以避免影响用户体验。

示例代码

以下是一个完整的示例，结合了 CSS 和 JavaScript 来去掉页码：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Print Example</title>
  <style>
    @media print {
      .page-number {
        display: none;
      }
    }
  </style>
</head>
<body>
  <div class="content">
    <!-- Your content here -->
  </div>
  <div class="page-number">Page 1</div>

  <script>
    function removePageNumbers() {
      var pageNumbers = document.querySelectorAll('.page-number');
      pageNumbers.forEach(function(pageNumber) {
        pageNumber.style.display = 'none';
      });
    }

    window.addEventListener('beforeprint', removePageNumbers);
  </script>
</body>
</html>

通过上述方法，你应该能够在 IE 浏览器中打印页面时去掉页码。如果仍然遇到问题，请检查是否有其他 CSS 或 JavaScript 影响了页码的显示。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

js调用ie打印

-340A-11D0-A96B-00C04FD705A2" height="0" width="0"> 打印..." οnclick="document.all.WebBrowser.ExecWB(6,1)"> 打印" οnclick="document.all.WebBrowser.ExecWB...="button" value="页面设置" οnclick="document.all.WebBrowser.ExecWB(8,1)"> 打印...OK" οnclick=" return myprint(this);"> 打印预览" οnclick="document.all.WebBrowser.ExecWB

25.6K3 0

标签打印软件如何打印指定页码

标签打印软件中有一个功能叫指定页码，很多用户不知道这个功能是怎么使用的，指定页码的意思就是在标签打印软件中制作好标签之后，如果不需要打印全部的内容，只需要打印特定页的内容，可以按照以下方法进行设置。...1.在标签打印软件中制作好标签之后，预览没有问题的话，可以点击软件上方工具栏中的打印按钮进行打印，这里以条形码标签为例。...2.点击打印按钮，弹出打印设置对话框，在打印设置对话框中可以设置打印的范围、矫正的角度以及打印的方式。...3.在打印设置中设置好打印范围之后，，如果想要打印指定页码的话，可以勾选指定页码前面的复选框，把开始页码设置为899 结束页码设置为995，这里指的注意的是，标签数量一定不能小于结束页码。...以上就是在标签设计软件中指定打印页码的步骤，不管标签上的内容是手动输入还是数据库导入的，都可以在标签打印软件中进行设置，软件的设置比较灵活，可以根据不同的需求进行设置。

1.4K3 0

调用IE打印

CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0> 打印... οnclick=document.all.WebBrowser.ExecWB(6,1)> 打印 οnclick=document.all.WebBrowser.ExecWB...type=button value=页面设置 οnclick=document.all.WebBrowser.ExecWB(8,1)> 打印...OK" οnclick=" return myprint(this);"> 打印预览 οnclick

1.5K4 0

Web使用热敏打印小票(IE环境)

概述在html页下使用Epson P60II 热敏纸下打印小票，使用的打印方案为调用window.print()。...objprinter.Write(String.fromCharCode(0x1B) + String.fromCharCode(0x69)); objprinter.Close(); } 3、设置隐藏模式打印

1.6K1 0

JS原生打印

//打印预览 window.print(); /*设置默认横向打印*/ @page { size: landscape; } /*设置默认纵向打印*/ @page { size: portrait

22.5K2 0

js去掉url中的域名

方法一： var url = "https://www.baidu.com/abc/xyz"; url = '/' + url.split('/').slic...

19.1K4 0

JS 实现分页打印

在调用 window.print() 时，可以实现打印效果，但内容太多时要进行分页打印。...在样式中有规定几个打印的样式 page-break-before 和 page-break-after CSS属性并不会修改网页在屏幕上的显示，这两个属性是用来控制文件的打印方式。...每个打印属性都可以设定4种设定值：auto、always、left和right。其中Auto是默认值，只有在有需要时，才需设定分页符号 (Page breaks)。...page-break-before 若设定成 always，则是在遇到特定的组件时，打印机会重新开始一个新的打印页。

14.2K2 1

IE下JS文件失效问题总结

今天遇到了一个很诡异的问题，Firefox下好好的页面，在IE下却接二连三的报错，这到底是什么地方产生的错误。经过一上午的仔细排查，发现了真凶原来是IE对于对象和数组定义的严格限制。...在JS中，我们一般定义数组和对象都如下： var arr = [ 　　arr1, 　　arr2, 　　arr3, 　　arr4 ]; 对象： var obj = { 　　param:one,...　　param:two, 　　param:three }; 如果最后的一项多了一个“,”，那么在IE中就会产生错误，从而最终导致引用的JS文件失效。...例如： js'> function a(){ ... } var obj = { 　　param:a,...　　param:b, 　　param:c, js'> a(); alert(obj); 这个时侯就会出现函数调用的错误

3.4K3 0

WebBrowser（IE）与 JS 相互调用

在开发中我们经常将WebBrowser控件嵌入Winform 程序来浏览网页，既然是网页那么少不了JS。下面就让我们来说说他们两之间的相互调用。...但是说到和JS的调用，不得不说还是IE 的WebBrowser 最为简单方便。至于IE 为啥方便而其他的不方便，以后我会写文章分析。...下面我们还是先看看WebBrowser怎么和JS交互把： WebBrowser 执行JS 代码如果脚本已经存在于网页中，我们可以使用 InvokeScript 方法 public object InvokeScript...JS 调用 C# 方法接下来，我们来说说今天的重点，在JS中怎么调用C# 提供的方法。...用JSON传递是个不错的选择，C#和JS中都有JSON转换工具，可以试试。以上！

4.6K7 1

js去掉html标签和去掉字符串文本的所有的空格

去掉html标签的js function delHtmlTag(str){ return str.replace(/]+>/g,"");//去掉所有的html标记 }...> 为了一个title去html标签所做的修改： function delHtmlTag(str, obj){ var title = str.replace(/]+>/g,"");//去掉所有的...html标记 if(title.length > 300) { title = title.substring(0,300); } obj.title = title; } 1、去掉字符串前后所有空格...2、去掉字符串中所有空格(包括中间空格,需要设置第2个参数为:g) 代码如下： function Trim(str,is_global) { var...{ result = result.replace(/\s/g,""); } return result; } js

12.8K5 0

js 打印机打印指定局部区域

--endprint--> 打印" onclick="doPrint()"> function doPrint() ...--startprint-->"; //开始打印标识字符串有17个字符 eprnstr = ""; //结束打印标识字符串 prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17); //从开始打印标识之后的内容...prnhtml.substring(0, prnhtml.indexOf(eprnstr)); //截取开始标识和结束标识之间的内容 window.document.body.innerHTML = prnhtml; //把需要打印的指定内容赋给...body.innerHTML window.print(); //调用浏览器的打印功能打印指定区域 location.reload(); //重新给页面内容赋值； }

6.7K5 0

webpack打包去掉console.log打印与debugger调试

在项目上线之前解决开发调试过程中打印的console.log如图，找到build/webpack.prod.conf.js ?

2K2 0

js判断IE版本，禁止低版本IE浏览器代码

对于大多数程序员和美工设计人员来说，ie6,7漏洞颇多，兼容性问题不断，今天我们就来写一段javascript代码强制用户升级到IE高版本： var Sys = {}; var ua = navigator.userAgent.toLowerCase...(); if (window.ActiveXObject){ Sys.ie = ua.match(/msie ([\d.]+)/)[1]; if (Sys.ieIE版本为'+Sys.ie+'版本太低，请升级！')...; location.href="http://windows.microsoft.com/zh-CN/internet-explorer/downloads/ie"; } }

4.5K2 0

js或jquery实现页面打印可局部打印

1、js实现（可实现局部打印）代码如下: js打印要打印的内容javascript打印-打印页面设置-打印预览代码打印吗？'))...="jquery-1.6.4.js"> $(function(){ $("input#biuuu_button").click(function(){ $("div#

8K2 0

打印CSDN博客内容JS

https://blog.csdn.net/jdy_lyy/article/details/102923471 使用如下代码，先进入到打印界面 (function(){ $("#side").remove...css('display','content'); $("main").css('float','left'); $("tool-box").remove(); })(); 使用如下代码，进行正式打印

4.7K1 0

js判断IE6（推荐方法一）

navigator.userAgent)){ } //方法2： if ( navigator.appVersion.indexOf("MSIE 6")>-1){ } //方法3：检查浏览器能力来判断是否是IE6

5K8 0

JS实现打印两方法

要实现点击“打印”按钮以后就将页面打印出来JS中一般有两种方法。...-00C04FD705A2'> 添加如下JS函数： function print() { ...);">打印 2.用JS自带函数打印打印其实第一种方法也是第二种方法的复杂实现方法，但是第一种方法提供了更多的预览...，修改打印设置等功能。...推荐使用第二种方法，出于安全的考虑，有些浏览器（比如遨游）会禁用一些Object，所以在遨游中第一种方法会报权限不足的JS错误。

5.3K1 0

JS魔法堂：再识IE的内存泄露

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　 IE6~8除了不遵守W3C标准和各种诡异外，我想最让人诟病的应该是内存泄露的问题了。...JS Engine Object、DOM Element 和 BOM Element 2.2. JS Engine Object的内存回收机制 2.3....JS Engine Object的内存回收机制 IE的JScript Garbage Collector采用的是Mark-and-Sweep算法，当执行垃圾回收时会先遍历所有JS Engine...而IE下独有的CollectGarbage()则用于回收无引用或引用孤岛的JS Engine Object。 2.3....（IE6、7没有抗锯齿平滑处理，而IE9则移除该功能）而这种情况当然就不属于Memory Leak啦！

3.4K5 0

用js在控制台打印html页面,vue 使用print-js 打印html页面

Print.js 官网官网优点：可以打印多种格式的内容(pdf、json、html等) 打印json时可以添加表头。...打印html页时可以继承原有页面的样式，局部打印，过滤掉要打印的元素，及其方便。...一、vue安装命令： npm install print-js –save 二、引入这个引入不需要在main.js中，直接在使用的.vue中引入即可这里颜色虽然是灰色，但是也要添加，否则会报错。...properties:是打印json时所需要的数据属性。 gridHeaderStyle和gridStyle都是打印json时可选的样式。...ignoreElements：传入要打印的div中的子元素id，使其不打印。非常好用版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。

8.7K3 0

js打印WEB页面内容代码大全

打印第二种方法：指定打印区域把要打印的内容放入一个 span或div，然后通过一个函数打印。...------------------------------ 关于这个组件还有其他的用法，列举如下： WebBrowser.ExecWB(1,1) 打开 Web.ExecWB(2,1) 关闭现在所有的IE...P {page-break-after: always} 3、ASP页面打印时如何去掉页面底部的路径和顶端的页码编号...（1）ie的文件-〉页面设置-〉讲里面的页眉和页脚里面的东西都去掉，打印就不出来了。...CreateObject("WScript.Shell") hkey_key="\header"　　 RegWsh.RegWrite hkey_root+hkey_path+hkey_key,"&w&b页码

7.5K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭