管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

JS:window.onload的使用介绍

　　1、最简单的调用方式

　　直接写到html的body标签里面，如：

　　

复制代码 代码如下:

　　<html>

　　<body onload="func()">

　　</body>

　　</html>

　　2、在JS语句调用

　　

复制代码 代码如下:

　　<script type="text/javascript">

　　function func(){……}

　　window.onload=func;

　　</script>

　　3、同时 调用多个函数

　　直接写到html的body标签里面,如：

　　

复制代码 代码如下:

　　<html>

　　<body onload="func1();func2();func3();">

　　</body>

　　</html>

　　4、js调用多个函数,以下这种调用方式可以用于不太复杂的JS程序中，如果程序函数很多，逻辑比较复杂，可以考虑用第五种方式。

　　

复制代码 代码如下:

　　<script type="text/javascript">

　　function func1(){……}

　　function func2(){……}

　　function func3(){……}

　　window.onload=function(){

　　func1();

　　func2();

　　func3();

　　}

　　</script>

　　5、JS自定义函数式多次调用

　　

复制代码 代码如下:

　　<script type="text/javascript">

　　function func1(){……}

　　function func2(){……}

　　function func3(){……}

　　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);

　　addLoadEvent(func3);

　　</script>

教程首页 更多教程