[JavaScript]从光事件加载到全事件注册

从《JavaScript DOM 编程艺术》书中学到的是编写addLoadEvent方法,用于window的load事件。这是传统事件
注册方法。
 1 [JavaScript]从光事件加载到全事件注册 function  addLoadEvent(func)  {
 2[JavaScript]从光事件加载到全事件注册    var oldonload = window.onload;
 3[JavaScript]从光事件加载到全事件注册    if(typeof window.onload != 'function'{
 4[JavaScript]从光事件加载到全事件注册        window.onload = func;
 5[JavaScript]从光事件加载到全事件注册    }

 6[JavaScript]从光事件加载到全事件注册    else {
 7[JavaScript]从光事件加载到全事件注册        window.onload = function() {
 8[JavaScript]从光事件加载到全事件注册            oldonload();
 9[JavaScript]从光事件加载到全事件注册            func();
10[JavaScript]从光事件加载到全事件注册        }
;
11[JavaScript]从光事件加载到全事件注册    }

12[JavaScript]从光事件加载到全事件注册}

《PPK谈JavaScript》书中是对上面的方法的改进,用高级事件注册方法addEventSimply,可用于各种事件,而不只是window的load事件。
1 [JavaScript]从光事件加载到全事件注册 function  addEventSimply(obj, evt, fn)  {
2[JavaScript]从光事件加载到全事件注册    if(obj.addEventListener) {
3[JavaScript]从光事件加载到全事件注册        obj.addEventListener(evt, fn, false);
4[JavaScript]从光事件加载到全事件注册    }

5[JavaScript]从光事件加载到全事件注册    else if(obj.attachEvent) {
6[JavaScript]从光事件加载到全事件注册        obj.attachEvent('on'+evt, fn)
7[JavaScript]从光事件加载到全事件注册    }

8[JavaScript]从光事件加载到全事件注册}
使用举例:
在之前写的blog《 点击弹出新窗口》中的 popup方法想要onload的话,怎么写?
1.addLoadEvent方法:
addLoadEvent(popup);
2.addEventSimply方法:
addEventSimply(window, 'load', popup);

ps.在用此方法前都是这么写的:
window.addEventListener ? window.addEventListener('load', fn, false) : window.attachEvent('onload', fn);
离上面的写法改进成addEventSimply方法不到两星期。。。

你可能感兴趣的:(JavaScript)