打印按钮,也可以用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方式授权。
转载请注明出处和本文链接,说明是否进行修改,不得用于商业用途,使用相同方式共享。