使用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>

使用JS打印网页内容及图片相关推荐

js打印window.print()图片打印
1. 这里用的是A4纸,设置打印表格属性(width:100%,height:980px) 2.由于打印可能存在多页,所以heightt属性必须严格控制. 3.由于自己是先隐藏不需要打印的DIV,然后 ...
html js 打印图片不显示 canvas
html js 打印图片不显示 canvas 出现这个原因是因为用的是 canvas 我们要将canvas 转成img 将之前的 canvas 替换掉 !!! 要打印的结构你们的结构可能和我不一 ...
js打印页面图片(批量)
js打印页面图片(批量) html代码: <body><button onclick="printThisWindow()">打开</button&g ...
lodop打印html包含图片,使用lodop.js打印控件打印table并分页等
使用lodop.js打印控件打印table并分页等 import {getLodop} from '@/utils/LodopFuncs.js' //打印表格 export default{ // n ...
循环爬取图片_Java爬取简单的网页内容和图片
Java爬取简单的网页内容和图片根据java网络编程相关的内容,使用jdk提供的相关类可以得到url对应网页的html页面代码. 针对得到的html代码,通过使用正则表达式即可得到我们想要的内容. ...
vue使用print.js打印插件
任务:解决vue页面局部打印功能 print.js插件,可以打印 html.pdf.json数据官网:https://printjs.crabbly.com/ 一个整理的很好的讲解:https:// ...
C#调用系统默认打印机打印文字和图片
本方法适用于有打印驱动的打印机打印.直接用电脑默认打印机进行打印文字和图片. 首先安装打印机驱动,然后在设备和打印机中将要用的打印机设为默认打印机,然后调用该方法即可 Pulic Void Print ...
php 图片预览原理,JavaScript_纯JS实现的批量图片预览加载功能，1.实现原理直接见代码,需要一 - phpStudy...
纯JS实现的批量图片预览加载功能 1.实现原理直接见代码,需要一张转圈的小图片,需要预览的所有图片默认的位置全是这张小图片,滚轮滚到原图需要出现的位置时候,预览加载替换小图片.实现效果复制代码代码 ...
word doc怎么显示base64图片_win10系统word文档打印不出图片怎么办
word文档帮助用户更好排版和保存文字,白领都经常用到此软件,可以说是电脑必不可少的一款办公软件.Win10系统编辑好Word文档后准备打印,发现在打印预览里也没有图片 ,真实打印word文档也没图片 ...

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

使用JS打印网页内容及图片相关推荐

最新文章

热门文章