使用js打印时去除页眉页脚

写在前面

　　今天的开发遇到了使用window.print()功能进行当前页面打印的功能，因为页脚左边部分显示了url，这是不能存在的，已解决，写在这里。

正文

　　很多网上的方法都是不能用的，最后我找到一个使用css控制布局去掉页眉页脚的方法

<style media="print">@page {size: auto;  /* auto is the initial value */margin: 0mm; /* this affects the margin in the printer settings */}
</style>

最后

　　亲测，谷歌，ie都解决

转载于:https://www.cnblogs.com/fjrgg/p/9681823.html

使用js打印时去除页眉页脚相关推荐

js打印去除页眉页脚url地址
js打印去除页眉页脚.url地址调用window.print()方法打印时,有自带的页眉页脚和url地址不太美观,用以下方法即可去除页眉页脚和url 解决方案: // 在css中加入以下代码即可 @ ...
js 打印的一些技巧去除页眉页脚,主动分页
1.页眉页脚可以简单点用css来实现下拉把以下代码粘贴到页面里就可以了测试对于ie firefox chrome兼容都还不错 <style media="print"&g ...
HTML页面打印功能js代码,JavaScript_js实现页面打印功能实例代码(附去页眉页脚功能代码)，复制代码代码如下: html - phpStudy...
js实现页面打印功能实例代码(附去页眉页脚功能代码) 复制代码代码如下: @media print{ .print {display:block;} .notPrint {display:none; ...
Chrome 谷歌分页打印去除页眉页脚点击取消或打印关闭当前窗口
page-break-before(指定元素前添加分页符) auto 默认值.如果必要则在元素前插入分页符. always 在元素前插入分页符. avoid 避免在元素前插入分页符. left 在元素 ...
【js、vue-print-nb】js 在Chorme中打印页面去掉页眉页脚
js或者vue-print-nb插件在chorme调用打印是都会带上页眉页脚及时间. 在chorme中可以手动设置打印是否要页眉页脚,如果不想手动打印时设置可以参考用css 控制: 参考:http ...
Vue使用vue-print-nb打印，并去除页眉页脚，打开打印窗口自动打印
一.这次使用的是vue-print-nb插件完成打印的功能. 借鉴链接:vue html页面打印功能vue-print-nb - 潇湘羽西 - 博客园文档:vue-print-nb - npm 使用 ...
jquery.print.js 网页局部打印横向打印去掉页眉页脚
ie-设置(右上角齿轮)-打印-页面设置引入print.css,这个css里存的是自己要打印的区域的样式,比如table,tr,td,边框边距等的样式引入jquery.js和jquery.prin ...
[html] 打印页面时怎样自定义打印页眉页脚或者去掉眉页脚？
[html] 打印页面时怎样自定义打印页眉页脚或者去掉眉页脚? <style type="text/css" media="print"> @pag ...
js iframe 打印打印预览页眉页脚的设置
1.window.print方式: Html代码 //jsp页面打印按钮: <input type="button" value="打印" onclic ...

使用js打印时去除页眉页脚

使用js打印时去除页眉页脚相关推荐

最新文章

热门文章