document.close()函式簡單介紹

admin發表於2017-03-23

本章節將通過程式碼例項詳細介紹一下document.close()的作用,可能它的使用頻率並不是很高,也可以說從來不適用此函式都不會有什麼問題,希望能夠給需要的朋友帶來幫助,下面開始進入正題。

此函式可以關閉由document.open()函式開啟的文件流。

語法結構:

[JavaScript] 純文字檢視 複製程式碼
document.close();

程式碼例項:

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

點選一個按鈕可以建立一個新的視窗,然後呼叫document.write()將內容寫入文件,當呼叫document.write()方法的時候就會預設呼叫doucment.open()方法建立一個document,然後關閉寫入文件流,這個時候再呼叫document.write()的時候就相當於再建立一個doucment,所以輸出的內容是ABC而不是螞蟻部落歡迎您。

相關文章