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>

 

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