[原]读-DOM编程艺术4-性能-window.onload

发表于 |
  1. 尽量少访问DOM和尽量减少标记（将元素保存到变量中）
  2. 合并和放置脚本（多个合成一个，脚本放在页面下方body结束之前）

  3. 压缩脚本

    有些时候我们需要在页面一加载完成后就进行加载部分函数这个时候我们一想到的就是window.onload的确这个是可以达到，但是如果我们想同事加载多个要处理的函数的话
    这样最后一个函数将会覆盖掉之前的就像这样

1
2
window.onload = firstfunction();//这个将会被下面的代替
window.onload = secondfunction();//这个有用

这个时候你可能就会选择将其放在一个匿名函数中

1
2
3
4
window.onload = function(){
    firstfunction();
    secondfunction();
}

这样做也可以，但是如果很多的话

下面提供一个最佳的解决方案，可以作为自己的代码库供自己使用

1
2
3
4
5
6
7
8
9
10
11
function addEvent(func){
    var oldonload = window.onload;
    if (typeof window.onload != 'function'){
        window.onload = func;
    }else{
        window.onload = function(){
            oldonload();
            func();
        }
    }
}

使用方法：

1
2
addEvent(firstfunction);
addEvent(secondfunction);

如果对您有所帮助或者对博主有更多的话说，欢迎你去我的GitHub留下一个您的start和issues

前往LEE的github给他一个Start鼓励一下吧

原创转载请标注出处：https://leehongqiang.github.io