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

打印按钮,也可以用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>
<p><button type="button" onclick="window.print()" class="printer">打印</button></p>

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

转载请注明转自:一极乐http://yijile.com/log/331.html


话题相关文章

话题标签

HTMLCSS3JavaScript乐知道

一极乐 为乐趣而生

《给网站加上html页面打印功能 解决打印页面有打印按钮问题》  发表时间:  最后更新时间:

谁来过

不知子曰邀请你对本文不足说出你的看法!

有 8 条评论

  1. 不知子曰

    <link href="" rel="stylesheet" media="print" /> 用这个链接的样式 可以专门针对打印 设置,,,填写在 href里

  2. 日韩代购

    我的qq1963045516,我想做的功能强大点

  3. 日韩代购

    不是下载,是360打开样式为什么其他浏览数不是这个样式,我怎么做到其他浏览器也是这个样式

  4. 不知子曰

    下载? 下载什么

  5. 日韩代购

    你是怎么用的

  6. 日韩代购

    怎么下载

  7. 子曰去哪

    @李麟
    是的虽然一般用不到,但是还是很多地方可以用到,比如电商 等。。。。资料类的网站

  8. 李麟

    这个代码实用




博主推荐专题

佛学资料Typecho模版代码乐知道CSS百度CyanogenMod
搜索引擎提交入口言辞


关闭

标签云

一极乐 衷心接受你的建议

TOP