js print打印网页指定区域内容的简单实例

Posted afterrains

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js print打印网页指定区域内容的简单实例相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js print打印网页指定区域内容的简单实例</title>
</head>
<script>
function myPrint(obj)
  var newWindow=window.open("打印窗口","_blank");
  var docStr = obj.innerHTML;
  newWindow.document.write(docStr);
  newWindow.document.close();
  newWindow.print();
  newWindow.close();

</script>
<div id="print">
<hr />
  打印演示区域,点击打印后会在新窗口加载这里的内容!
<hr />
</div>
<button οnclick="myPrint(document.getElementById('print'))">打 印</button>
 
</html>


以上是关于js print打印网页指定区域内容的简单实例的主要内容,如果未能解决你的问题,请参考以下文章

jQuery简单易用的网页内容打印插件

打印网页中指定内容

jquery或js调用adobe打印插件打印html指定区域

js将网页导出成pdf(js 打印指定div内容)2020-09-02

ASP.Net怎么实现从网页上打印

window.print网页打印——打印htmlbody的实际高度,而不是看到的内容