JavaScript代码在页面完成自动方式

Posted 2020-11-29 bearbird

javascript代码在页面初始化时执行

window.onload

• 当只加载一个函数时，可以使用

function func() {
    
}

window.onload = func;

• 当有多个函数时，可以使用匿名函数来容纳多个函数

function func1() {
    //...
}
function func2() {
    //...
}

window.onload = function() {
    func1();
    func2();
}

• 上面处理加载多个函数的方法在要加载的函数数量不是很多的时候还有用。下面是一个弹性最佳的解决方案。

addLoadEvent，它是由Simon Willison编写的。

function addLoadEvent (func) {
    let oldonload = window.onload;
    if(typeof oldonload != ‘function‘) {
        window.onload = func;
    }else {
        window.onload = function() {
            oldonload();
            func();
        }
    }
}