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...