shui-执行多个window.onload

Posted 2020-10-16 万里奔腾

一、window.onload(){}

　   等到页面内包括图片的所有元素加载完毕后才能执行

二、$(function(){})

　　是DOM结构绘制完毕后就执行，不必等到加载完毕。

三、知识

　　addLoadEven：即在网页第一次加载的时候触发事件

 

！！！ - javascript

　　第一种方法

window.onload=function()
{
　　　fn1();
　　　fn2();
}
function fn1()
{
　　alert(‘1‘);        //先执行1，自上而下的执行
}
function fn2()
{
　　alert(‘2‘);　　//后执行2，自上而下的执行
}

 

　　第二种方法

//onload事件侦听函数
function addLoadEvent(func)
{
　　var oldonload=window.onload;
　　if(typeof window.onload!="function")
　　{
　　　　window.onload=func;
　　}
　　else
　　{
　　　　window.onload=function()
　　　　{
　　　　　　oldonload();
　　　　　　func();
　　　　}
　　};
}

function f1(){alert(‘1‘);}
function f2(){alert(‘2‘);}
function f3(){alert(‘3‘);}
function f4(){alert(‘4‘);}

//调用
addLoadEvent(f1);
addLoadEvent(f2);
addLoadEvent(f3);
addLoadEvent(f4);