欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js中document.write的那點(diǎn)事

 更新時(shí)間：2014年12月12日 15:05:52   投稿：mdxy-dxy  
document.write()方法可以用在兩個(gè)方面：頁(yè)面載入過(guò)程中用實(shí)時(shí)腳本創(chuàng)建頁(yè)面內(nèi)容，以及用延時(shí)腳本創(chuàng)建本窗口或新窗口的內(nèi)容。該方法需要一個(gè)字符串參數(shù)，它是寫(xiě)到窗口或框架中的HTML內(nèi)容。這些字符串參數(shù)可以是變量或值為字符串的表達(dá)式，寫(xiě)入的內(nèi)容常常包括HTML標(biāo)記語(yǔ)言

記住，在載入頁(yè)面后，瀏覽器輸出流自動(dòng)關(guān)閉。在此之后，任何一個(gè)對(duì)當(dāng)前頁(yè)面進(jìn)行操作的document.write()方法將打開(kāi)—個(gè)新的輸出流，它將清除當(dāng)前頁(yè)面內(nèi)容(包括源文檔的任何變量或值)。因此，假如希望用腳本生成的HTML替換當(dāng)前頁(yè)面，就必須把HTML內(nèi)容連接起來(lái)賦給一個(gè)變量，使用一個(gè)document.write()方法完成寫(xiě)操作。不必清除文檔并打開(kāi)一個(gè)新數(shù)據(jù)流，一個(gè)document.write()調(diào)用就可完成所有的操作。

　　關(guān)于document.write()方法還有一點(diǎn)要說(shuō)明的是它的相關(guān)方法document.close()。腳本向窗口(不管是本窗口或其他窗口)寫(xiě)完內(nèi)容后，必須關(guān)閉輸出流。在延時(shí)腳本的最后一個(gè)document.write()方法后面，必須確保含有document.close()方法，不這樣做就不能顯示圖像和表單。并且，任何后面調(diào)用的document.write()方法只會(huì)把內(nèi)容追加到頁(yè)面后，而不會(huì)清除現(xiàn)有內(nèi)容來(lái)寫(xiě)入新值。為了演示document.write()方法，我們提供了同一個(gè)應(yīng)用程序的兩個(gè)版本。一個(gè)向包含腳本的文檔中寫(xiě)內(nèi)容，另—個(gè)向—個(gè)單獨(dú)的窗口寫(xiě)內(nèi)容。請(qǐng)?jiān)谖谋揪庉嬈髦墟I人每個(gè)文檔，以.html文件擴(kuò)展名保存，并在瀏覽器中打開(kāi)文檔。

　　示例1創(chuàng)建一個(gè)按鈕，它為文檔組合新的HTML內(nèi)容，包括新文檔標(biāo)題的HTML標(biāo)記和標(biāo)記的顏色屬性。示例中有一個(gè)讀者所不熟悉的操作符+＝，它把其右側(cè)的字符串加到其左側(cè)的變量中，這個(gè)變量用來(lái)存放字符串，這個(gè)操作符能很方便地把幾個(gè)單獨(dú)的語(yǔ)句組合成—個(gè)長(zhǎng)字符串。使用組合在newContent變量中的內(nèi)容，document.write()語(yǔ)句可以把所有新內(nèi)容寫(xiě)到文檔中，完全清除示例1中的內(nèi)容。然后需要調(diào)用document.close()語(yǔ)句關(guān)閉輸出流。當(dāng)載入該文檔并單擊按鈕時(shí)，可以注意到瀏覽器標(biāo)題欄中的文檔標(biāo)題因此而改變。當(dāng)回到原始文檔并再次單擊該按鈕時(shí)，可以看到動(dòng)態(tài)寫(xiě)入的第二個(gè)頁(yè)面的載入速度甚至比重載原始文檔還要快。

示例1 在當(dāng)前窗口使用document.write()。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><title>Writing to Same Doc</title>
<script language="JavaScript">
 function reWrite(){
  // assemble content for new window
  var newContent = "<html><head><title>A New Doc</title></head>"
  newContent += "<body bgcolor='aqua'><h1>This document is brand new.</h1>"
  newContent += "Click the Back button to see original document."
  newContent += "</body></html>"
  // write HTML to new window document
  document.write(newContent)
  document.close() // close layout stream
 }
</script>
</head>
<body>
 <form>
  <input type="button" value="Replace Content" onClick="reWrite()">
 </form>
</body>
</html>

示例2中，情況有點(diǎn)復(fù)雜，因?yàn)槟_本創(chuàng)建了一個(gè)子窗口，整個(gè)腳本生成的文檔都將寫(xiě)入該窗口中。為了使新窗口的引用在兩個(gè)函數(shù)中保持激活狀態(tài)，我們將newWindow變量聲明為全局變量。頁(yè)面載入時(shí)，onLoad事件處理調(diào)用makeNewWindow()函數(shù)，該函數(shù)生成一個(gè)空的子窗口。另外，我們?cè)趙indow.open()方法的第三個(gè)參數(shù)中加入一個(gè)屬性，使子窗口的狀態(tài)欄可見(jiàn)。

　　頁(yè)面上的按鈕調(diào)用subWrite()方法，它執(zhí)行的第一個(gè)任務(wù)是檢查子窗口的closed屬性。假如關(guān)閉了引用窗口，該屬性（只在較新的瀏覽器版本中存在）返回true。如果是這種情況（假如用戶手動(dòng)關(guān)閉窗口），該函數(shù)再次調(diào)用makeNewWindow()函數(shù)來(lái)重新打開(kāi)那個(gè)窗口。

　　窗口打開(kāi)后，新的內(nèi)容作為字符串變量組合在一起。與示例1一樣，一次性寫(xiě)入內(nèi)容（雖然對(duì)單獨(dú)的窗口沒(méi)有必要），接下來(lái)調(diào)用close()方法。但是注意一個(gè)重要的區(qū)別：write() 和 close()方法都明顯地指定了子窗口。

示例2 在另一個(gè)窗口中使用document.write()

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><title>Writing to Subwindow</title>
<script language="JavaScript">
 var newWindow
 function makeNewWindow(){
  newWindow = window.open("","","status,height=200,width=300")
 }

 function subWrite(){
  // make new window if someone has closed it
  if(newWindow.closed){
   makeNewWindow()
  }
  // bring subwindow to front
  newWindow.focus()
  // assemble content for new window
  var newContent = "<html><head><title>A New Doc</title></head>"
  newContent += "<body bgcolor='coral'><h1>This document is brand new.</h1>"
  newContent += "</body></html>"
  // write HTML to new window document
  newWindow.document.write(newContent)
  newWindow.document.close()  // close layout stream
 }
</script>
</head>

<body onLoad="makeNewWindow()">
 <form>
  <input type="button" value="Write to Subwindow" onClick="subWrite()">
 </form>
</body>
</html>

相關(guān)文章

最新評(píng)論