JS实现浏览器打印（自动隐藏页眉和页脚）

本文只介绍如何自动隐藏页眉和页脚

在浏览器打印中，浏览器会自动勾选打印页眉和页脚，只要几行代码即可去除，

打印二维码为demo

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>打印</title><!--     去除页眉页脚      --><style media="print">@page {size: auto;  /* auto is the initial value */margin: 0mm; /* this affects the margin in the printer settings */}</style></head><body><div id="qrcode"></div><input type="button" id="print-btn" value="打印" onclick="toPrint()"/><script src="${rc.contextPath}/statics/libs/jquery.min.js"></script><script src="${rc.contextPath}/js/sys/qrcode.min.js"></script><script>function toPrint(){$("#print-btn").css("display","none")window.print();}$(function(){let nummber = getQueryString("nummber");//获取连接带参function getQueryString(name) {var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');var r = window.location.search.substr(1).match(reg);if (r != null) {return unescape(r[2]);}return null;}// 设置 QRCode 参数var qrcode = new QRCode('qrcode', {text: "http://www.abc.com/order.do?order="+nummber,width: 80,height: 80,colorDark: '#000000',colorLight: '#ffffff',correctLevel: QRCode.CorrectLevel.H});});</script></body>
</html>

↓

完成...

JS实现浏览器打印（自动隐藏页眉和页脚）相关推荐

取消web浏览器打印页眉和页脚
近期碰到了一个关于打印插件 jquery.print.js 页眉.页脚的设置问题在网上搜索了很多资料发现这个插件的配置方法很少基本上都是用的js 的方法来取消,照着上面说的试了很久还是没有效果, ...
Firefox 浏览器打印页面时不打印页眉和页脚
Firefox 浏览器打印页面时去掉页眉和页脚用浏览器打开需要打印的页面点击右上角的打开菜单按钮点击打印在弹出的打印预览界面中点击上方的页面设置点击弹出窗口的页边距和页眉/页脚把 ...
vue js打印并去掉页眉和页脚
<Button type="info" @click="print" icon="ios-box-outline" :disable ...
vue 页脚_vue js打印并去掉页眉和页脚
打印 //打印功能 print(e){ // if (!!window.ActiveXObject || "ActiveXObject" in window) { //是否ie / ...
php打印预览jquery,JS实现浏览器打印、打印预览示例
目前正在做浏览器端采用JS方式实现打印这么一个功能,JS打印实现的方法很多,但是兼容各个浏览器实现打印预览的功能有些棘手,现将实现的内容及遇到的问题记录下来,希望有大牛看到所提的问题后可以给予解答,在 ...
JS 实现浏览器打印、打印预览
目前正在做浏览器端采用JS方式实现打印这么一个功能,JS打印实现的方法很多,但是兼容各个浏览器实现打印预览的功能有些棘手,现将实现的内容及遇到的问题记录下来,希望有大牛看到所提的问题后可以给予解答,在 ...
html输出屏幕,从HTML屏幕打印动态页眉或页脚
使用PHP在HTML页面的页脚中打印变量(插入打印分页符之前),我尝试使用this solution.实际上,我将包装在中的打印的php变量设置为@media print并给它position:fi ...
打印网页去掉页眉和页脚
方式一: 如果你使用的是IE6以及以前的版本,可以使用这个方法打开浏览器文件->页面设置在弹出的页面设置对话框中,将页眉输入框中的"&w&b页码,&p/&a ...
打印html页面，并在每个页面添加页眉和页脚
[方法一]: 1.网页点击打印时,打印渲染的页面每一页的头部都要有公司logo: 2.而且分页时不能让某一行的表格断开(必须在达到固定高度时让页面自动分页): @media screen {div.d ...

JS实现浏览器打印（自动隐藏页眉和页脚）

本文只介绍如何自动隐藏页眉和页脚

↓

JS实现浏览器打印（自动隐藏页眉和页脚）相关推荐

最新文章

热门文章