给网站加上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>

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

CC BY-NC-SA 4.0 声明
本文采用 CC BY-NC-SA 4.0方式授权。
转载请注明出处和本文链接，说明是否进行修改，不得用于商业用途，使用相同方式共享。