about "window.onload"

时间 2019-12-01

标签 window.onload window onload 栏目 JavaScript 繁體版

原文原文链接

在前几天一次练习中由于我要在页面加载完成后调用一个函数，因而我在javascript中用了window. onload，这个方法之前从学习js就在使用，有时还用来调用多个函数。然而我在此次想偷懒，就这样写了一段代码：javascript

window.onload=function name(){html

$(".left_div").slideDown("show");java

}ide

由于本来window.onload=function（）{·······}就是一个匿名函数，因此我像上面这样写并无错，可是当我在后面调用name()这个函数时，就无法调用。由于onload 事件会在页面或图像加载完成后当即发生，并且属于event对象。像我那上面的那种写法，若是在后面再调用这个name（）这个函数确定是不行的！函数

如下是几种用法方法：学习

一、最简单的调用方式htm

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

<html>事件

<body onload="function()">ip

</body>

</html>

二、在JS语句调用

function name(){……}

window.onload=name;

</script>

三、同时调用多个函数

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

<html>

</body>

</html>

四、js调用多个函数,如下这种调用方式能够用于不太复杂的JS程序中，若是程序函数不少，逻辑比较复杂，能够考虑用第五种方式。

function name1(){……}

function name2(){……}

function name3(){……}

window.onload=function(){

name();

name 2();

name 3();

}

</script>

五、JS自定义函数式屡次调用

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>