Js onload 解析

时间:2023-03-09 21:22:13
Js onload 解析

Js onload的使用方法。

1.在script中调用

window.onload = function(){
  function1();

  function2();

  function3();
};

或 window.onload = test(){

  //自定义函数

};

2.在body中调用

<body onload="function()">

3.js 逻辑较为复杂时(此部分转)

<script type="text/javascript">

function funcion1(){……}

function func2(){……}

function addLoadEvent(func){

var oldonload=window.onload;

if(typeof window.onload!="function"){

window.onload=func;

}

else{

window.onload=function(){

oldonload();

func();

}

}

}

addLoadEvent(func1);

addLoadEvent(func2);

</script>

4.onload的执行顺序

window.onload = function{func1();func2();func3()}以及<body onload="funct();...">会在页面加载完成之后执行。

window.onload = func1(){}; 会在页面加载前执行。

更详细的介绍可以理解 http://bbs.****.net/topics/340107576 ;