完成Web頁面內容動態改變的dhtml設置|蘿卜系統下載站

網站建設是指使用標識語言（markup language)，通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸，最終以圖形用戶界面（GUI）的形式被用戶所瀏覽。簡單來說，網頁設計的目的就是產生網站。簡單的信息如文字，圖片（GIF，JPEG，PNG）和表格，都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。

IE的DHTML對象提供了四個可讀寫的屬性來動態操作頁面元素的內容：innerText, outerText, innerHTML, outerHTML.

需注意兩點：

1. 其中innerText,outerText屬性的值是作為普通文本呈現的，即使它含有HTML標簽也如實反應出來；而innerHTML, outerHTML呈現的是經HTML引擎解析后文本，它可以反應屬性中HTML標簽的表現效果。

2. 對對象的outerText，outerHTML屬性賦值（即寫操作）會刪除該對象。

以上四個屬性的賦值操作只是替換原對象的文本內容，想要在頁面中指定元素相關位置新增文本內容，需采用insertAdjacentHTML和insertAdjacentText方法。形式如下：

object.insertAdjacentText(sWhere, sText)
object.insertAdjacentHTML(sWhere, sText)
其中 sWhere 表示插入的文本相對于html標簽的位置，有如下四個預設值：

beforeBegin，afterBegin，beforeEnd，afterEnd

使用中需注意如下幾點：

1．這兩種方法必須在整個文檔裝載完成之后才能使用，否則將出錯。

2． InsertAdjacentText只能插入普通文本，InsertAdjacentHTML插入html格式的文本

3．用InsertAdjacentHTML插入腳本，必須在script元素中使用defer屬性，否則腳本執行將出現運行期錯誤

4．InsertAdjacentHTML插入html元素后，all以及其他可能的元素集合將自動更新以反應動態變化。如頁面后續元素的sourceIndex 屬性將改變。

5．當賦予InsertHTML/outerHTML屬性無效的HTML標簽，該方法可能出現運行時錯。如以下代碼將出錯：

<BODY>

pdiv.innerHTML = "<p>hello</p>"

</SCRIPT>

</BODY>

此外頁面內容動態操作還需要注意如下一些細節：

1．只有文檔BODY內顯示的內容能被以上屬性和方法動態改變，BODY對象的內容能被動態操作，但BODY對象本身無法被替換。

2．以上屬性和方式不能操作空標簽(沒有內容的html標簽)，如input,img。

3．對于table對象而言，只有td（innerHTML/innerText）和table（outerHMTL/outerText）對象可以用某些屬性來替換或插入內容；而其他table對象，如tr、tbody不能用這些屬性來改變內容。

大多數人在上網的時候，都會瀏覽網頁提供給我們的信息。

溫馨提示：喜歡本站的話，請收藏一下本站！

當前位置:蘿卜系統下載站 > 網頁設計教程 > 詳細頁面

完成Web頁面內容動態改變的dhtml設置

本類教程下載

系統下載排行