document.write()怎么在JavaScript中使用？針對(duì)這個(gè)問(wèn)題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。

十年的莊浪網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開(kāi)發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。成都營(yíng)銷網(wǎng)站建設(shè)的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整莊浪建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)公司從事“莊浪網(wǎng)站設(shè)計(jì)”,“莊浪網(wǎng)站推廣”以來(lái)，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

   
   
     
        
     
   
    window.onload=function(){
      document.write("重溫 JavaScript");
    }
   
 
 
  
Hello JavaScript
 
 

　　從以上代碼的可以看出document.write()函數(shù)將原來(lái)的文檔內(nèi)容清空了，下面介紹一下出現(xiàn)此種情況的原因:

　　window.onload事件是在文檔內(nèi)容完全加載完畢再去執(zhí)行事件處理函數(shù)，當(dāng)然文檔流已經(jīng)關(guān)閉了，這個(gè)時(shí)候執(zhí)行doucment.writ()函數(shù)會(huì)自動(dòng)調(diào)用document.open()函數(shù)創(chuàng)建一個(gè)新的文檔流，并寫(xiě)入新的內(nèi)容，再通過(guò)瀏覽器展現(xiàn)，這樣就會(huì)覆蓋原來(lái)的內(nèi)容。不過(guò)很多朋友還有會(huì)這樣的疑問(wèn)，為什么類似下面的情況，原來(lái)網(wǎng)頁(yè)中的內(nèi)容不會(huì)被覆蓋,代碼如下:

   
   
     
       
     
   
    document.write("重溫 JavaScript");
   
 
 
  
Hello JavaScript
 
 

　　在以上代碼中，原來(lái)的文檔內(nèi)容并沒(méi)有被清空，這是因?yàn)楫?dāng)前文檔流是由瀏覽器所創(chuàng)建，并且document.wirte()函數(shù)身處其中，也就是執(zhí)行此函數(shù)的時(shí)候文檔流并沒(méi)有被關(guān)閉，這個(gè)時(shí)候不會(huì)調(diào)用document.open()函數(shù)創(chuàng)建新文檔流，所以也就不會(huì)被覆蓋了。可能還有朋友會(huì)問(wèn)為什么下面的方式還是不行，代碼如下:

   
   
   
       
     
  
    document.close(); 
    document.write("重溫 JavaScript");
   
 
 
  
Hello JavaScript
 
 

　　上面使用document.close()關(guān)閉文檔流了，為什么還是不能夠覆蓋原來(lái)的內(nèi)容的，很遺憾，文檔流是由瀏覽器創(chuàng)建，無(wú)權(quán)限手動(dòng)關(guān)閉，document.close()函數(shù)只能夠關(guān)閉由document.open()函數(shù)創(chuàng)建的文檔流。看下面的代碼實(shí)例:

    
    
    
        
     
    
  function create(){ 
    var newWindow=window.open("","Document","_blank"); 
    newWindow.document.write("Hello JavaScript"); 
    newWindow.document.close(); 
    newWindow.document.write("覆蓋后的輸出"); 
  } 
  window.onload=function(){ 
    var obt=document.getElementById("bt"); 
    obt.onclick=function(){ 
      create(); 
    } 
  } 
 
  
  
  Hello JavaScript

// asyncWrite.js
document.open();
document.write('
test
');
document.close();



  



  
test

test

  



  
  
multiArgument
  
test