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

最新推荐文章于 2024-01-30 10:44:41 发布

Cadence_D

最新推荐文章于 2024-01-30 10:44:41 发布

阅读量1.4w

点赞数

分类专栏： java基础

java基础专栏收录该内容

167 篇文章 3 订阅

订阅专栏

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>

Cadence_D

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
使用JS打印网页内容及图片

1、利用jQuery打印插件jqprint：jquery.jqprint-0.3.js ;2、 window.print()的JS编写：&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;&lt;titl
复制链接

扫一扫