js打印去除页眉页脚url地址

最新推荐文章于 2026-04-10 11:00:15 发布

原创最新推荐文章于 2026-04-10 11:00:15 发布 · 4.1k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

笔记

当前文章被收录于：

笔记

7 篇文章 1 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一种简单的方法来解决使用window.print()方法打印时出现的页眉页脚和URL地址问题，通过在CSS中添加特定代码实现美观的打印效果。

js打印去除页眉页脚、url地址

调用window.print()方法打印时，有自带的页眉页脚和url地址不太美观，用以下方法即可去除页眉页脚和url

解决方案：

// 在css中加入以下代码即可
@page { margin: 0; }

标签

#前端 #javascript

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

只会div

关注关注

3
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

javascript实现window.print()去除页眉页脚

10-24

主要介绍了javascript实现window.print()去除页眉页脚的方法以及各参数的设置技巧,需要的朋友可以参考下

web打印去掉页眉页脚，以及不想打印出的页面元素

03-06

web打印去掉页眉页脚，以及不想打印出的页面元素博文链接：https://llying.iteye.com/blog/128212

1 条评论您还未登录，请先登录后发表或查看评论

JS实现打印遇到的各种问题处理，JavaScript拉取浏览器print()方法打印遇到的问题解决，html实现打印机打印

weixin_43992507的博客

12-07

2107

JS实现打印遇到的各种问题处理，JavaScript拉取浏览器print()方法打印遇到的问题解决，html实现打印机打印

window.print()打印时出现网页的链接等信息的页眉页脚，去除方法

qq_49934059的博客

02-23

4613

【代码】window.print()打印时出现网页的链接等信息的页眉页脚，去除方法。

window.print()去掉页眉页脚及网址链接

Misnice的博客

09-04

5129

//打印(兼容IE浏览器) function webPrint(objId){ var printContent=document.getElementById(objId).innerHTML;//获得需要打印内容的HTML代码 PageSetup_Null();//把页眉页脚设置为空 printWindow=window.open('','_blank'); prin...

html打印地址去除,web打印去掉url地址

weixin_31544577的博客

06-17

1242

function UserPrint(){bdhtml=window.document.body.innerHtml;var headstr = "";var footstr = "";var bodystr = document.all.item("printDiv").innerHTML;var oldstr = document.body.innerHTML;document.body.in...

window.print 打印的时候显示页码不显示标题和url链接

yiweiIt的博客

11-27

5150

3.页脚的内容要保存但是页脚内容左侧会展示当前浏览器的地址链接这时候就要配合JS了，以下代码核心就是不要展示地址于是新开了个页面将浏览器地址栏赋值为空或者‘·’这样打印的时候就不会出现地址栏地址了，但是于此同事页面的样式没有带过去所以将原页面的style里的内容和引用的link内容页一并带过去这样就能保证和原有样式是一样的了。最近做了个需求需要做的是在使用浏览器打印的时候要加上页码比如当前第几页、打印的总页数。/* 在底部居中显示页码 */自然的显示又不影响页面展示的效果费了我九牛二虎之力。

web打印去掉url地址

deluo7944的博客

01-08

1189

vue打印模版-自定义模版-局部打印/使用插件vue-print-nb打印，打印样式设置

qq_36821274的博客

10-08

2万+

vue打印模版-自定义模版-局部打印/使用插件vue-print-nb打印，设置打印样式

vue-print-nb 实战：优雅解决 Vue 打印中的页眉页脚隐藏问题

weixin_29016865的博客

03-16

224

本文详细介绍了如何使用vue-print-nb插件优雅解决Vue项目中的打印页眉页脚隐藏问题。通过集成该插件并应用关键的CSS @page规则与打印媒体查询，开发者可以完全控制打印输出样式，生成干净、专业的打印文档，有效提升后台管理系统、报表等功能的用户体验。

如何使用Print.js轻松实现网页图片打印：从基础到高级的完整指南

最新发布

gitblog_01161的博客

04-10

533

Print.js是一个轻量级JavaScript库，专为网页打印需求设计，能够帮助开发者轻松实现图片、PDF等内容的打印功能。本文将详细介绍如何使用Print.js实现网页图片打印，从基础设置到高级配置，让你的图片打印体验更加专业和高效。 ## 为什么选择Print.js进行图片打印？ Print.js作为一款专注于网页打印的工具，具有以下优势： - **轻量级设计**：核心库体积小巧，不会给

对页面制定区域进行打印,以及打印不显示页脚URL的方法

weixin_34191845的博客

12-10

584

第一种方式 - 此种方式简单易用，但不能进行页面设置，会在底部显示页面的URL地址。打印命令：只需在页面上的按钮事件调用这段JS代码 javascript:window.print(); ==================== CSS定义: <style media="print"> .Noprint //不打印 { ...

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

u010622242的博客

02-21

1万+

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

使用浏览器打印事件window.print()如何去掉页眉和页脚？

滴水石穿

12-16

733

【代码】使用浏览器打印事件window.print()如何去掉页眉和页脚？

Html打印网页内容，并去掉顶部网址

zhuxun_why的博客

02-01

1072

【代码】Html打印网页内容，并去掉顶部网址。

JavaScript 打印，去掉上下URL，打印背景图

PurineKing之博客

11-24

605

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