JavaScript 列印網頁指定的區域

antzone發表於2017-04-17

實際應用中,可能需要列印網頁中的內容,且只需要列印一部分,而不是列印整個頁面。

下面介紹一下如何實現區域性列印效果。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>     
<html>     
<head>     
<meta charset=" utf-8">     
<meta name="author" content="http://www.softwhy.com/" />     
<title>螞蟻部落</title>    
<script type="text/javascript"> 
function doPrint(obj){
  var printWindow=window.open("","列印視窗","_blank");
  var docStr=obj.innerHTML;
  printWindow.document.write(docStr);
  printWindow.document.close();
  printWindow.print();
  printWindow.close();
}
window.onload=function(){
  var obt=document.getElementById("bt");
  var oprint=document.getElementById("print");
  obt.onclick=function(){
    doPrint(oprint);
  }
}
</script>
</head> 
<body> 
<div id="print">螞蟻部落歡迎您,只有努力奮鬥才會有美好的明天。</div>
<input type="button" id="bt" value="點選列印"/>
</body> 
</html>

相關文章