由於html是從上至下加載的，通常我們如果在head部分引入javascript文件，那麼我們都會在javascript的開頭添加window.onload事件，防止在文檔問加載完成時進行DOM操作所出現的錯誤。如果有多個javascript文件，那麼極有可能出現多個window.onload事件，但是最後起作用的只有一個，這時候就需要使用事件綁定來解決這個問題了。
IE方式
attachEvent(事件名稱, 函數)，綁定事件處理函數
detachEvent(事件名稱, 函數)，解除綁定
DOM方式
addEventListener(事件名稱,函數, 捕獲)
removeEventListener(事件名稱, 函數, 捕獲)
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
<script>
window.οnlοad=function ()
{
var oBtn=document.getElementById('btn1');
oBtn.οnclick=function ()
{
alert('a');
};
oBtn.οnclick=function ()
{
alert('b');
};
};
</script>
</head>
<body>
<input id="btn1" type="button" value="按鈕" />
</body>
</html><!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
<script>
window.οnlοad=function ()
{
var oBtn=document.getElementById('btn1');
//IE瀏覽器
if(oBtn.attachEvent)
{
oBtn.attachEvent('onclick', function ()
{
alert('a');
});
oBtn.attachEvent('onclick', function ()
{
alert('b');
});
}
//其他瀏覽器
else
{
oBtn.addEventListener('click', function ()
{
alert('a');
}, false);
oBtn.addEventListener('click', function ()
{
alert('b');
}, false);
}
};
</script>
</head>
<body>
<input id="btn1" type="button" value="按鈕" />
</body>
</html>最後將我們的代碼整理成函數，便於之後的使用
function myAddEvent(obj, ev, fn)
{
if(obj.attachEvent)
{
obj.attachEvent('on'+ev, fn);
}
else
{
obj.addEventListener(ev, fn, false);
}
}myAddEvent(window,'load',function ()
{
alert('a');
});
myAddEvent(window,'load',function ()
{
alert('b');
