HTML打印页面

效果图:

源码:

<!DOCTYPE html>
<html>
	<head>
		<title></title>
	</head>
	<meta charset="utf-8">
	<script type="text/javascript">
		function my_print() {
			//直接调用浏览器打印功能
			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();
		}
	</script>
	<body>
		<a href="#" onClick="my_print();"><span> 打 印</span></a><br>
		<!--startprint-->
		<img src="1.jpg" style="height: 150px;width:150px" />
		<!--endprint-->
	</body>
</html>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章