WordPress 添加网页打印功能

Auwwfbigcu
Auwwfbigcu

  网页页面打印功能方便我们快速链接打印机,Wordpress方面有很多插件,今天笔者在这里介绍简单代码就能实现的方法。

HTML添加打印链接

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

JS函数

在你的wp中引入下面的Js,或者放在你的文章页single.php或脚部文件footer.php底部

<script type="text/javascript">

var global_Html = "";

function printme() {

global_Html = document.body.innerHTML;

document.body.innerHTML = document.getElementById('div-main').innerHTML;

window.print();

window.setTimeout(function() {

document.body.innerHTML = global_Html;

}, 1500);

}

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

刷新页面即可!

历史上的今天

2015年:远程桌面不能复制粘贴解决办法(0条评论)

2015年:企业运维便捷工具 Tool v2.2.0(精华版)(0条评论)

请博主喝杯咖啡呢,谢谢^_^

如果本文“对您或有帮助”,欢迎随意打赏,以资鼓励继续创作!

本文来源 ,仅供参考阅读,若侵权请联系处理,本文观点不代表 Mr.xu 博客网 立场,转载请联系原作者。

(1)
打赏 微信扫一扫赞赏 微信扫一扫赞赏 支付宝扫一扫赞赏 支付宝扫一扫赞赏
上一篇 2020年7月18日 13:05
下一篇 2020年7月20日 09:33

相关推荐

发表回复

登录后才能评论

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

笔者期待与您共勉 · 互赢

有言必答、商务合作、有偿服务

QQ:点击这里给我发消息

邮件:it@xuxiaokun.com

线上沟通时间 ↓↓↓:

周一至周五 9:30 - 17:30

其余时间Mail或QQ我,有言必应。

244439232