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 影响了页码的显示。
相关·内容
我正在使用下面的代码来打印页面中的特定部分。</div>
THIS PART WILL BE PRINTED问题仍然是页码，网址日期显示在打印中。我想把这些去掉。检查附加的图像。我想去掉黄色的部分
有什么想法吗？
浏览 51提问于2018-06-01得票数 0
回答已采纳
1回答
我的目标是让这个页面从IE8打印出来，而不显示浏览器的页脚和页眉(页码和url)。它在横向位置打印页面(在插入大量文本后，这里是"hello")，所以这不是我之前认为的@media问题，但出于某种原因，IE将他的标题放在页面文本的正上方！ <script src="http://css3-mediaqueries-js.goo
浏览 2提问于2013-11-13得票数 2
1回答
如何在C#中调整嵌入式IE浏览器的打印设置？例如，我想用页码和标题或URL隐藏页眉和页脚(任何不属于打印的网站的数据)。
浏览 1提问于2010-03-09得票数 0
回答已采纳
2回答
我正在PHP中使用Regex，去掉我的HTML注释。但是，我不希望regex去掉我所拥有的条件IE标记<!--[if gt IE 8]><!-->
浏览 2提问于2015-07-30得票数 0
回答已采纳
1回答
在打印预览的每一个打印页面上，似乎都会重复显示铬的thead/tfoot，但它不会导致任何反增量。在每个打印页上都会打印相同的计数器值。
我也尝试过涉及@page的方法，但这似乎在几年前就停止了。
浏览 13提问于2018-08-25得票数 5
我想在我的Angular应用程序中打印一个页面。在Internet Explorer上，页码、url和标题始终可见。 我已经试过了 @page {
size: auto !但它在IE中似乎没有效果。 还有其他建议吗？
浏览 44提问于2020-01-14得票数 1
回答已采纳
我使用dirPagination.js在角js中分页表。我想打印表中的所有数据。我尝试了一些方法，但我只能打印当前的网页数据。有人能让我知道打印有页码的表格中的所有数据吗？
浏览 3提问于2017-09-28得票数 3
回答已采纳
1回答
如果IE条件注释不起作用
、、、、
我正在使用if IE条件语句来修复IE6中的一些问题。<!--[if lt IE 7] > <script type="text/javascript" src="js/ie6.js"></script> < ![endif]-->
在ie6.js文件中，我有一个简单的警告，当我把它从条件注释中去掉</em
浏览 1提问于2010-08-26得票数 2
回答已采纳
我使用pdf.js在浏览器中显示pdf，但遇到了一个问题。如何通过打印按钮打印pdf，作为浏览器中的打印功能，或使它可以直接打印。printJS('https://cdn.rawgit.com/mozilla/pdf.js/master/web/compressed.tracemonkey-pldi-09.pdf'
浏览 5提问于2017-08-09得票数 1
回答已采纳
2回答
我试图在上打印出每一项的标题，并从我自己的蜘蛛那里复制代码，这些代码在Over clockers上工作得完美无缺，并相应地更改代码：def donedealfor i in range(1, max_pages+1): url = 'https://www.donedeal.iesoup("p", {"class": "card__body-title&quo
浏览 6提问于2017-04-11得票数 2
回答已采纳
5回答
浏览器对CSS页码的支持
、、、
到目前为止，这似乎是在页面的打印版本中添加页码的最好方法，但我无法让它的任何变体在任何地方工作。我已经用Chrome、火狐和IE9在我的Windows7机器上试过了。打印版本的web浏览器是否支持此功能？
浏览 1提问于2013-04-04得票数 46
回答已采纳
我需要实现基于Web的销售点软件，其中收据打印将经常进行，每次显示打印对话框将是恼人的。所以我想去掉打印对话。如何使用JavaScript实现这一点？
我在网上搜索了很多次，都找不到合适的解决方案。它必须支持所有的浏览器(IE，FireFox，Chrome)。
浏览 3提问于2012-12-10得票数 0
window.open(dataUrl); mimeType: 'image/png', })问题是，IE9
浏览 1提问于2014-05-07得票数 0
回答已采纳
1回答
我正在尝试使用超文本标记语言来生成电子书，我想添加页眉和页脚到每个页面，理论上有@page的属性，允许这样做，但当打印的pdf (cmd+p)从任何浏览器(我在macOS Catalina上，尝试与铬，
浏览 10提问于2021-10-24得票数 1
我使用的是consolidate.js和ractive模板，在默认情况下，这些模板去掉了注释。我试图在页面中添加一些html逻辑，这样做如下：然而，种族主义删除了注释。我知道，通过设置stripComments false，您可以允许以争用的方式进行评论，但我不知道如何通过consolidate.js来做到这一点。
浏览 2提问于2014-10-22得票数 1
回答已采纳
1回答
我们正在构建一个紧密复制打印版本的表单，该打印版本需要在图形元素上的层中精确放置输入文本字段，以匹配打印表单。在客户要求文本正确对齐之前，一切都很正常。测试表明，IE9-10不会将字母间距添加到最右侧字母的右侧，而其他浏览器会这样做。不幸的是，这会导致输入字段内容排在不同的位置。CSS被调整以使数字在下面的框上对齐，然而，在IE9-10 (以及可能更早的版本)中，数字被移到右边(没有空格)。去掉字母间距可以解决这个问题，但我们需要它来匹配方框位置。
浏览 5提问于2013-10-17得票数 0
8回答
我有一个网页可以在Chrome，Safari和IE上正确打印，但在Firefox上有以下问题：有没有解决这个问题的办法？
谢谢。
浏览 1提问于2011-09-13得票数 7
回答已采纳
我在Windows7的IE11中测试了我们的web应用程序-打印功能。我得到了SCRIPT5002:打印文档时函数预期的js错误。该错误发生在IE资源管理器自己的js中的preview.js中。_IE_PrintType = PrintManager -SCRIPT5002:需要函数“请帮助指出如何修复它。提前谢谢。
浏览 4提问于2015-01-29得票数 0
2回答
我正在尝试用jQuery.But自动打印我的页面，问题是appear.So是红点圆圈，如何去除它们?3 这是我的html文件看起来像 <!initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"></div>
<script src="https://
浏览 20提问于2021-01-11得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
