[JavaScript]从光事件加载到全事件注册
从《JavaScript DOM 编程艺术》书中学到的是编写addLoadEvent方法,用于window的load事件。这是传统事件
注册方法。
《PPK谈JavaScript》书中是对上面的方法的改进,用高级事件注册方法addEventSimply,可用于各种事件,而不只是window的load事件。
在之前写的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方法不到两星期。。。
注册方法。
1
function addLoadEvent(func) {
2
var oldonload = window.onload;
3
if(typeof window.onload != 'function') {
4
window.onload = func;
5
}
6
else {
7
window.onload = function() {
8
oldonload();
9
func();
10
};
11
}
12
}
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
2
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
3
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
4
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
5
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
6
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
7
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
8
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
9
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
10
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
11
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
12
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
《PPK谈JavaScript》书中是对上面的方法的改进,用高级事件注册方法addEventSimply,可用于各种事件,而不只是window的load事件。
1
function addEventSimply(obj, evt, fn) {
2
if(obj.addEventListener) {
3
obj.addEventListener(evt, fn, false);
4
}
5
else if(obj.attachEvent) {
6
obj.attachEvent('on'+evt, fn)
7
}
8
}
使用举例:![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
2
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
3
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
4
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
5
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
6
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
7
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
8
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
在之前写的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方法不到两星期。。。