WordPress文章页如何添加页面打印功能?

 2017-09-21 14:27:33  66 人阅读  1 条评论

您若有更好的答案请留言告知,一旦确认为最佳答案,将会替换本文的最佳答案,谢谢支持!

 最佳答案:

1、html添加打印链接

  1. <a href="javascript:printme()" target="_self">打印</a>

2、js函数:在你的wp中引入下面的Js,或者放在你的文章页single.php或脚部文件footer.php底部。

  1. <script type="text/javascript">
  2. var global_Html = "";
  3.     function printme() {
  4.     global_Html = document.body.innerHTML;
  5.     document.body.innerHTML = document.getElementById('div-main').innerHTML;
  6.     window.print();
  7.     window.setTimeout(function() {
  8.     document.body.innerHTML = global_Html;
  9.     }, 1500);
  10. }
  11. </script>

注意: div-main是你的页面的主题div的ID,要修改成你主题的DIV的ID。

如果文章对你有帮助,请赞赏支持boke112导航发展!

编辑作者:懿古今(QQ号:2226524923,QQ群:415623933
免责声明:本文内容来源于互联网,仅供参考学习之用,如有侵权请联系本站修改删除!

 发表评论


  1. 阿勋
    阿勋 【小白】 @回复

    打印功能用得不错,一般浏览器都有这个功能吧?