转自:https://blog.csdn.net/a909422229/article/details/89234787?ops_request_misc=
直接上代码:复制过去,直接可用的。
--开始--
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>局部打印案例</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
$("#click").click(function(){
console.log(111);
/*bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->";
eprnstr="<!--endprint-->";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();*/
var bodyhtml = window.document.body.innerHTML;
var startFlag = "<!--startprint-->";
var endFlag = "<!--endprint-->";
var printhtml = bodyhtml.substring(bodyhtml.indexOf(startFlag),
bodyhtml.indexOf(endFlag));
// 生成并打印ifrme
var f = document.getElementById('printf');
var a = "";
a = '你的JS,CSS,样式';
a+=printhtml;
f.contentDocument.write(a);
f.contentDocument.close();
f.contentWindow.print();
});
});
</script>
</head>
<body>
<p>1不需要打印的地方</p>
<p>2这里不要打印啊</p>
<!--startprint-->
<h1>打印标题</h1>
<p>打印内容</p>
<!--endprint-->
<button type="button" id="click">打印</button>
<a οnclick="doit">打印</a>
<p>不打印的地方啊哈哈哈哈</p>
<iframe id="printf" src="" width="0" height="0" frameborder="0"></iframe>
<p>2</p>
</body>
</html>
--结束--