window.print();去除页眉页脚及网址。

最新推荐文章于 2024-12-16 12:33:37 发布
最新推荐文章于 2024-12-16 12:33:37 发布
阅读量1w 收藏 4
点赞数 1
CC 4.0 BY-SA版权
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u010622242/article/details/87857404
本文介绍如何在不同浏览器中去除打印时的页眉和页脚，包括使用CSS设置适用于非IE内核浏览器的方法，以及IE浏览器的手动设置步骤。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1、window.print();执行时默认按照上一次的打印设置进行打印，如果想要去除页眉页脚需要在页面增加如下代码，这里是设置的上下边距为0.此方法不适用IE内核的浏览器，IE推荐让用户手动设置打印页面的效果。注意：如果写成 magin: 0mm; 可能会不起作用。

@page {
            margin-bottom: 0mm;
            margin-top: 0mm
        }

2、如果是IE浏览器请手动进行如下设置，设置——打印——页面设置

3、chrome手动设置如下：

 

记录调用window.print时因处理页眉页脚问题导致自动分页后打印不全的解决方法
姜雪辞的博客
07-14 3918
写在前面 这几天朋友项目中还在使用window.print，结果问题它又来了。我写了个demo模拟遇到问题的场景，先看效果： 看过我前一篇关于print的文章的小伙伴都很熟悉这个界面吧，上次截的时候就有这个页眉页脚了，但上次他没有提这个地方。这次发现问题了，就来解决一下。 言归正传，那想去掉这个其实很简单，只要在浏览器设置中把页眉页脚勾掉就可以了： 但还是那句话，你可能给每一个用这个项目的客户说，你要在打印之前去浏览器设置里把页眉页脚勾掉吗？ 显然是不可能的。所以像上次的背景水印一样，我们还
JavaScript调用window.print()：一键隐藏页眉页脚，打印效果更纯净
最新发布
Html_vueJs的博客
03-05 761
此方法兼容Chrome/Firefox等现代浏览器，IE浏览器需手动设置打印选项。• 不同浏览器打印预览效果可能略有差异，建议提前测试。：建议提示用户手动取消勾选“页眉和页脚”选项。• 打印区域超出页面时，需通过CSS控制分页。此方法可覆盖部分浏览器默认打印设置。| 未优化打印 | 优化后打印 |• 涉及敏感信息时，可结合。在页面添加以下样式，通过。
javascript实现window.print()去除页眉页脚
12-12
打印时去除页眉页页脚 打印前加入下面代码即可 var HKEY_Root,HKEY_Path,HKEY_Key; 代码如下: HKEY_Root=”HKEY_CURRENT_USER”; HKEY_Path=”\\Software\\Microsoft\\Internet Explorer\\PageSetup\\”; var head,foot,top,bottom,left,right;   var Wsh=new ActiveXObject(“WScript.Shell”);  HKEY_Key=”header”; //设置页眉（为空） 根据你自己要设置的填入 Wsh.RegWrite
window.print()去掉页眉页脚及网址链接
Misnice的博客
09-04 4972
//打印(兼容IE浏览器) function webPrint(objId){ var printContent=document.getElementById(objId).innerHTML;//获得需要打印内容的HTML代码 PageSetup_Null();//把页眉页脚设置为空 printWindow=window.open('','_blank'); prin...
window.print()打印时出现网页的链接等信息的页眉页脚，去除方法
qq_49934059的博客
02-23 4411
【代码】window.print()打印时出现网页的链接等信息的页眉页脚，去除方法。
使用浏览器打印事件window.print()如何去掉页眉和页脚？
滴水石穿
12-16 595
【代码】使用浏览器打印事件window.print()如何去掉页眉和页脚？
window.print() 去掉页眉页脚及打印链接
热门推荐
bahaidong的专栏
12-12 5万+
页面中添加样式：     @page {       size: auto;  /* auto is the initial value */       margin: 0mm; /* this affects the margin in the printer settings */     } 直接调用   window.print(); 如果ie不
web打印去掉页眉页脚，以及不想打印出的页面元素
03-06
/* 去掉页眉 */ header { display: none; } /* 去掉页脚 */ footer { display: none; } } ``` 这段代码会在打印时隐藏`<header>`和`<footer>`标签内的内容。当然，如果你的页眉和页脚不在这些特定标签内，...
window.print 保留页码 去掉页眉页脚
10-25
如果你想在使用它的时候保留页码并去掉页眉和页脚，这通常需要借助HTML5的CSS样式以及一些JavaScript技巧来控制打印样式。 在CSS方面，你可以设置`.print-only` 类的样式，比如： ```css .print-only { page-...
用window.print()打印如何去掉页眉和页脚
weixin_33924770的博客
12-04 1504
用window.print()打印如何去掉页眉和页脚 2007-07-12 11:44:52|分类：javascript 知识|举报|字号订阅 <script language="JavaScript">var hkey_root,hkey_path,hkey_keyhkey_root="HKEY_CURRENT_USER"hkey_pa...
网页打印去掉页眉页脚，以及控制不需要打印的内容
05-15
网页打印去掉页眉页脚，以及控制不需要打印的内容。源代码
window.print() 实现A4纸张打印及去掉页眉页脚及打印链接
fmwind的专栏
02-09 1万+
1、边距为无 &lt;style&gt; /* 布局纵向 */ .a4-endwise{ width: 1150px; height: 1627px; border: 1px #000 solid; } /* 布局横向 */ .a4-broadwise{ width: 1627px; height: 1149px; border: 1px #000 so...
window.print() 去掉页眉页脚及打印链接【转载】
weixin_30263073的博客
12-27 561
页面中添加样式： <style media="print"> @page { size: auto; /* auto is the initial value */ margin: 0mm; /* this affects the margin in the printer settings */ } </style&gt...
window.print()去掉页头页脚
qq_38935512的博客
01-21 2385
采用css去除 @page { size: auto; /* auto is the initial value / margin: 0mm; / this affects the margin in the printer settings */ }
js打印去除页眉页脚url地址
只会div的博客
04-01 4036
js打印去除页眉、页脚、url地址 // 在css中加入以下代码即可 @page { margin: 0; }
网页打印设置+自带的打印预览+去掉打印时的页眉页脚+屏蔽打印
魔拉宝
08-19 7015
具体使用手册，更多信息，点这里 ======================== 自带的打印预览 WebBrowser.ExecWB(1,1) 打开 Web.ExecWB(2,1) 关闭现在所有的IE窗口，并打开一个新窗口 Web.ExecWB(4,1) 保存网页 Web.ExecWB(6,1) 打印 Web.ExecWB(7,1) 打印预览 Web.ExecWB(8,1) 打印页面设置 Web.ExecWB(10,1) 查看页面属性 Web.ExecWB(15,1)
js调用windows.Print打印去掉页眉页脚
qq_35513598的博客
06-20 7108
 &lt;style media="print"&gt;    @page {      size: 210mm 290mm​;  /* auto is the initial value */      margin: 0mm auto; /* this affects the margin in the printer settings */    }&lt;/style&gt; ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值