900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > JS实现浏览器打印(自动隐藏页眉和页脚)

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

时间:2021-08-09 16:16:00

相关推荐

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: "/order.do?order="+nummber,width: 80,height: 80,colorDark: '#000000',colorLight: '#ffffff',correctLevel: QRCode.CorrectLevel.H});});</script></body></html>

完成...

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。