以前寫 JavaScript 腳本時(shí)，事件都是采用
object.event = handler;
的方式初始化。這種方式對(duì)于 Internet Explorer、Mozilla/Firefox 和 Opera 來(lái)說(shuō)很通用。但是有一個(gè)問(wèn)題就是，這種方式只能一個(gè)事件對(duì)應(yīng)一個(gè)事件處理過(guò)程。如果希望一個(gè)事件可以依次執(zhí)行多個(gè)處理過(guò)程就不好用了。
但是 Internet Explorer 從 5.0 開(kāi)始提供了一個(gè) attachEvent 方法，使用這個(gè)方法，就可以給一個(gè)事件指派多個(gè)處理過(guò)程了。attachEvent 對(duì)于目前的 Opera 也適用。但是問(wèn)題是 Mozilla/Firefox 并不支持這個(gè)方法。但是它支持另一個(gè) addEventListener 方法，這個(gè)方法跟 attachEvent 差不多，也是用來(lái)給一個(gè)事件指派多個(gè)處理過(guò)程的。但是它們指派的事件有些區(qū)別，在 attachEvent 方法中，事件是以 “on” 開(kāi)頭的，而在 addEventListener 中，事件沒(méi)有開(kāi)頭的 “on”，另外 addEventListener 還有第三個(gè)參數(shù)，一般這個(gè)參數(shù)指定為 false 就可以了。
因此要想在你的程序中給一個(gè)事件指派多個(gè)處理過(guò)程的話，只要首先判斷一下瀏覽器，然后根據(jù)不同的瀏覽器，選擇使用 attachEvent 還是 addEventListener 就可以了。實(shí)例如下：
if (window.attachEvent) {
window.attachEvent("onload", remove);
} else if (window.addEventListener) {
window.addEventListener("load", remove, false);
}
function remove() {
var div = document.getElementById("divprogressbar");
document.body.removeChild(div);
}
=============或者也可以用
if (document.all){window.attachEvent('onload',remove)}//IE
else{window.addEventListener('load',remove,false);} //FireFox
注意：attachEvent 所指派的多個(gè)過(guò)程的執(zhí)行順序是隨機(jī)的，所以這幾個(gè)過(guò)程之間不要有順序依賴。另外 attachEvent 和 addEventListener 不僅僅適用于 window 對(duì)象，其他的一些對(duì)象也支持該方法。