網(wǎng)站建設(shè)是指使用標(biāo)識(shí)語(yǔ)言(markup language),通過(guò)一系列設(shè)計(jì)、建模、和執(zhí)行的過(guò)程將電子格式的信息通過(guò)互聯(lián)網(wǎng)傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡(jiǎn)單來(lái)說(shuō),網(wǎng)頁(yè)設(shè)計(jì)的目的就是產(chǎn)生網(wǎng)站。簡(jiǎn)單的信息如文字,圖片(GIF,JPEG,PNG)和表格,都可以通過(guò)使超文件標(biāo)示語(yǔ)言、可擴(kuò)展超文本標(biāo)記語(yǔ)言等標(biāo)示語(yǔ)言放置到網(wǎng)站頁(yè)面上。 IE的DHTML對(duì)象提供了四個(gè)可讀寫(xiě)的屬性來(lái)動(dòng)態(tài)操作頁(yè)面元素的內(nèi)容:innerText, outerText, innerHTML, outerHTML. 需注意兩點(diǎn): 1. 其中innerText,outerText屬性的值是作為普通文本呈現(xiàn)的,即使它含有HTML標(biāo)簽也如實(shí)反應(yīng)出來(lái);而innerHTML, outerHTML呈現(xiàn)的是經(jīng)HTML引擎解析后文本,它可以反應(yīng)屬性中HTML標(biāo)簽的表現(xiàn)效果。 2. 對(duì)對(duì)象的outerText,outerHTML屬性賦值(即寫(xiě)操作)會(huì)刪除該對(duì)象。 以上四個(gè)屬性的賦值操作只是替換原對(duì)象的文本內(nèi)容,想要在頁(yè)面中指定元素相關(guān)位置新增文本內(nèi)容,需采用insertAdjacentHTML和insertAdjacentText方法。形式如下: object.insertAdjacentText(sWhere, sText) beforeBegin,afterBegin,beforeEnd,afterEnd 使用中需注意如下幾點(diǎn): 1.這兩種方法必須在整個(gè)文檔裝載完成之后才能使用,否則將出錯(cuò)。 2. InsertAdjacentText只能插入普通文本,InsertAdjacentHTML插入html格式的文本 3. 用InsertAdjacentHTML插入腳本,必須在script元素中使用defer屬性,否則腳本執(zhí)行將出現(xiàn)運(yùn)行期錯(cuò)誤 4.InsertAdjacentHTML插入html元素后,all以及其他可能的元素集合將自動(dòng)更新以反應(yīng)動(dòng)態(tài)變化。如頁(yè)面后續(xù)元素的sourceIndex 屬性將改變。 5.當(dāng)賦予InsertHTML/outerHTML屬性無(wú)效的HTML標(biāo)簽,該方法可能出現(xiàn)運(yùn)行時(shí)錯(cuò)。如以下代碼將出錯(cuò): <BODY> <p id=pdiv></p> <SCRIPT LANGUAGE="JavaScript"> pdiv.innerHTML = "<p>hello</p>" </SCRIPT> </BODY> 1.只有文檔BODY內(nèi)顯示的內(nèi)容能被以上屬性和方法動(dòng)態(tài)改變,BODY對(duì)象的內(nèi)容能被動(dòng)態(tài)操作,但BODY對(duì)象本身無(wú)法被替換。 2.以上屬性和方式不能操作空標(biāo)簽(沒(méi)有內(nèi)容的html標(biāo)簽),如input,img。 3.對(duì)于table對(duì)象而言,只有td(innerHTML/innerText)和table(outerHMTL/outerText)對(duì)象可以用某些屬性來(lái)替換或插入內(nèi)容;而其他table對(duì)象,如tr、tbody不能用這些屬性來(lái)改變內(nèi)容。 |
溫馨提示:喜歡本站的話,請(qǐng)收藏一下本站!