實現Web頁面內容動態改變的dhtml操作

2021-06-16 03:11:25 字數 1191 閱讀 6042

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標籤,該方法可能出現執行時錯。如以下**將出錯:

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

1.只有文件body內顯示的內容能被以上屬性和方法動態改變,body物件的內容能被動態操作,但body物件本身無法被替換。

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

3.對於table物件而言,只有td(innerhtml/innertext)和table(outerhmtl/outertext)物件可以用某些屬性來替換或插入內容;而其他table物件,如tr、tbody不能用這些屬性來改變內容。

實現動態WEB內容

在 system1 上配置提供動態web內容,要求 1 動態內容由名為 wsgi.group8.example.com 的虛擬主機提供 2 虛擬主機偵聽在埠 8909 4 客戶端訪問 時,應該接收到動態生成的web頁面 5 此 必須能被 group8.example.com 域內的所有系統訪問 答 ...

動態生成(改變)iframe中的內容

注 ifr.contentwindow.document.body.innerhtml可以讀取到iframe連線頁面的內容,理解了這個才是關鍵。另外一種實現 html script vari 0 全域性變數,記錄當前有幾個iframe function allsubmit function addi...

WEB頁面內容禁止選擇 複製 右鍵等實現

1.禁止右鍵 在後面加入以下 關鍵在於 topmargin 0 nc ntextmenu return false ndragstart return false onselectstart return false nselect document.selection.empty nc py do...