给网站加上html页面打印功能 解决打印页面有打印按钮问题

打印按钮,也可以用a等标签实现
onclick=”window.print()” 点击启动打印机 兼容IE,chrome,火狐,open等所有主流浏览器

1
<button type="button" onclick="window.print()">打印</button>

全局样式表,就是所有设备都能看得见的

1
<link href="" rel="stylesheet" media="all" />

针对打印机写的样式,可以在里面用display:none;去隐藏按钮元素

1
<link href="" rel="stylesheet" media="print" />

效果演示:

演示提示
可以点击【打印】测试打印网页功能的效果

演示代码:

1
2
<style media="print">.printer {display:none;}</style>
<p><button type="button" onclick="window.print()" class="printer">打印</button></p>

待续,因为时间问题暂时无法完善

Relay Tips: 一极乐https://yijile.com/log/331/