100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 使用JS打印网页内容及图片

使用JS打印网页内容及图片

时间:2022-10-25 17:50:49

相关推荐

使用JS打印网页内容及图片

1、利用jQuery打印插件jqprint:jquery.jqprint-0.3.js ;

2、window.print()的JS编写:

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>使用JS打印网页内容及图片</title><script src="../resource/js/jquery/jquery-2.2.3.js" type="text/javascript"></script><script>//指定部分内容打印function doPrint() { debugger;var bdhtml = window.document.body.innerHTML; var sprnstr = "<!--startprint-->"; //用于截断字符串的内容,截取到指定的图片内容了var eprnstr = "<!--endprint-->"; var prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17); prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr)); // var printContent = $("#printConent")[0].innerHTML; //利用jquery获取打印内容;// window.document.body.innerHTML = printContent;window.document.body.innerHTML = prnhtml; if (getExplorer() == "IE") { pagesetup_null(); } window.print(); window.document.body.innerHTML=bdhtml; //还原 原有页面内容;}//获取浏览器类型function getExplorer() { var explorer = window.navigator.userAgent; //ie if (explorer.indexOf("MSIE") >= 0) { return "IE"; } //firefox else if (explorer.indexOf("Firefox") >= 0) { return "Firefox"; } //Chrome else if (explorer.indexOf("Chrome") >= 0) { return "Chrome"; } //Opera else if (explorer.indexOf("Opera") >= 0) { return "Opera"; } //Safari else if (explorer.indexOf("Safari") >= 0) { return "Safari"; } } //IE设置去除页眉页脚 function pagesetup_null() { var hkey_root, hkey_path, hkey_key; hkey_root = "HKEY_CURRENT_USER"; hkey_path = "\\Software\\Microsoft\\Internet Explorer\\PageSetup\\"; try { var RegWsh = new ActiveXObject("WScript.Shell"); hkey_key = "header"; RegWsh.RegWrite(hkey_root + hkey_path + hkey_key, ""); hkey_key = "footer"; RegWsh.RegWrite(hkey_root + hkey_path + hkey_key, ""); } catch (e) { } } </script></head><body><center><button οnclick="doPrint()" >使用JS打印网页内容及图片</button></br><!-- 用于截断字符串的内容,截取到指定的图片内容了 --><!--startprint--> <center id="printConent"> <img id="print" height="300px" width="300px" src="imgs/123.jpg" /> </center> <!--endprint--> </center></body></html>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。