手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS:window.onload的使用介绍
JS:window.onload的使用介绍
摘要:1、最简单的调用方式直接写到html的body标签里面,如:复制代码代码如下:2、在JS语句调用复制代码代码如下:functionfunc(...

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>

【JS:window.onload的使用介绍】相关文章:

AngularJS中的一些常用指令介绍

JavaScript中strike()方法的使用介绍

微信WeixinJSBridge API使用实例

简介JavaScript中的setTime()方法的使用

JavaScript中search()方法的使用

JavaScript中valueOf()方法的使用介绍

JavaScript中的sub()方法的使用介绍

angular2使用简单介绍

tagName的使用,留一笔

JavaScipt中Function()函数的使用教程

精品推荐
分类导航