欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

js 打印,预览页面的部分元素

程序员文章站 2022-03-04 15:53:45
...
<a href="javascript:void(0);" id="append">append</a>
	<input id="btnPrint" type="button" value="打印"
		onclick="javascript:window.print();" />

	<input id="btnPrint" type="button" value="打印预览" onclick=preview(1) />
	<style type="text/css" media=print>
.noprint {
	display: none
}
</style>


	<p class="noprint">不需要打印的地方</p>

 

<script>
		function preview(oper) {
			if (oper < 10) {
				bdhtml = window.document.body.innerHTML;//获取当前页的html代码    
				sprnstr = "<!--startprint" + oper + "-->";//设置打印开始区域    
				eprnstr = "<!--endprint" + oper + "-->";//设置打印结束区域    
				prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr) + 18); //从开始代码向后取html    

				prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));//从结束代码向前取html    
				window.document.body.innerHTML = prnhtml;
				window.print();
				window.document.body.innerHTML = bdhtml;
			} else {
				window.print();
			}
		}
	</script>
	

  

<p>XXXXX</p>
	<!--startprint1-->
	要打印的内容<br>
	要打印的内容<br>
	要打印的内容<br>
	要打印的内容<br>
	要打印的内容<br>
	要打印的内容<br>
	要打印的内容<br>
	要打印的内容<br>
	要打印的内容<br>
	<!--endprint1-->