在网页加上打印功能

Question

链接方式或按钮

打印按钮，也可以用 <a> 等标签实现

onclick="window.print()" 点击启动打印机 兼容 IE，chrome，火狐，open 等所有主流浏览器

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

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

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

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

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

实现代码

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

提示

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

实现效果：

页面显示【打印】的按钮，但打印预览里不会看到这个按钮了。