JavaScript高階程式設計 DMO節點變化

2021-08-09 21:41:04 字數 1864 閱讀 9417

mutation事件能在dom中的某一部分發生變化時給出提示

檢測瀏覽器是否支援(ie9+);var issupported = document.implementation.hasfeature(『mutationevents』,』2.0』);

lang="en">

charset="utf-8">

titletitle>

head>

id="mylist">

item 1li>

item 2li>

item 3li>

ul>

var eventutil = else

if(element.attachevent)else

},removehandler:function

(element,type,handler)else

if(element.attachevent)else

},getevent:function

(event),

gettarget:function

(event),

preventdefault:function

(event)else

},stoppropagation:function

(event)else

},getbutton:function

(event)else}}

}//domsubtreemodified:在dom結構中發生任何變化時觸發。這個事件在其他任何事件觸發後都會觸發

//domnodeinserted:在乙個節點作為子節點被插入到另乙個節點中時觸發。

//domnoderemoved:在節點從其父節點中被移除時觸發。

//domnodeinsertedintodocument:在乙個節點被直接插入文件或通過子樹間接插入文件之後觸發。這個事件在domnodeinserted之後觸發

//domnoderemovedfromdocument:在乙個節點被直接從文件中移除或通過子樹間接從文件中移除之前觸發。這個事件在domnoderemoved之後觸發

//domattrmodified:在特性被修改之後觸發

//domcharacterdatamodify:在文字節點的值發生變化時觸發。

//檢查瀏覽器是否支援mutationevents

//刪除節點

/*var issupported = document.implementation.hasfeature('mutationevents','2.0');

eventutil.addhandler(window,"load",function());

eventutil.addhandler(document,"domnoderemoved",function(event));

eventutil.addhandler(list.firstchild,"domnoderemovedfromdocument",function(event));

list.parentnode.removechild(list);

})*/

//插入節點

eventutil.addhandler(window,"load",function

(event))

eventutil.addhandler(document,"domnodeinserted",function

(event))

eventutil.addhandler(item,"domnodeinsertedintodocument",function

(event))

})script>

body>

html>

JavaScript高階程式設計

ecmascript有5種基本型別資料 另外還有一種複雜的資料型別 typeof就是用來檢測變數的資料型別的,typeof可能會返回以下值 typeof操作符在檢測引用型別的值時,總是會返回object,所以用處不大。instanceof用來檢測物件型別的,返回值是 true false。例如 pe...

JavaScript高階程式設計 this

在函式中this到底取何值,是在函式真正被呼叫執行的時候確定的,函式定義的時候確定不了 因為this的取值是執行上下文環境的一部分,每次呼叫函式,都會產生乙個新的執行上下文環境。所謂建構函式就是用來new物件的函式。其實嚴格來說,所有的函式都可以new乙個物件,但是有些函式的定義是為了new乙個物件...

javascript 高階程式設計 二

這裡我們直接進入主題 在js剛剛開始的時候,必須面臨乙個問題,那就是如何使的js的載入和執行不會影響web核心語言html的展示效果,和html和諧共存。在這個背景下 2 xhtml中的應用 在html中如果字串,那麼html就會認為js指令碼已經結束所以會產生乙個錯誤用一下 來替換 來替換aler...