window.onload的使用

时间 2019-11-17

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

原文原文链接

window.onload：当页面加载的时候能够调用某些函数javascript

例如：html

一、最简单的调用方式java

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

<html>htm

<body onload="func()">ip

</body>io

</html>function

二、在JS语句调用程序

function func(){……}

window.onload=func;

</script>

三、同时调用多个函数

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

<html>

</body>

</html>

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

function func1(){……}

function func2(){……}

function func3(){……}

window.onload=function(){

func1();

func2();

func3();

}

</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>