700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 浏览器打印 之 window.print() 设置打印样式和内容

浏览器打印 之 window.print() 设置打印样式和内容

时间:2023-02-11 01:30:21

相关推荐

浏览器打印 之 window.print() 设置打印样式和内容

项目中用的是谷歌浏览器,js 执行window.print() 就会调用谷歌浏览器的打印功能。

打印其实打印的是整个当前网页,只是用媒体查询(@media print)把网页中要打印的内容做了显示,不打印的内容做了隐藏而已。

针式打印机由于存在失真问题,所以像有些边框颜色设置的比较浅的就没法打印出来,可以设置边框颜色深一点。

<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><style>.printonly{display:none}@media print{input,.noprint{display:none}.printonly{display:block;width:50%}}/**.printonly{display:none}不能写到这里,会导致打印时printonly的内容也不显示*/</style><body><div class="noprint">这段打印时不显示</div><div class="printonly"><h1>这段打印时会显示</h1><hr>This is print-only</div><input onClick="print()" value="点击打印" type="button"></body></html>

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