window.onload同时执行多个函数的解决方法
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了window.onload同时执行多个函数的解决方法相关的知识，希望对你有一定的参考价值。
1、直接写到html的body标签里面
程序代码<html>
<body onload="function()">
</body>
</html>
2、在JavaScript语句里调用
程序代码<script>
function f1(){...}
window.onload=f1;
</script>
3、同时调用多个函数(body方式)
程序代码<html>
<body onload="function1();function2();function3();">
</body>
</html>
4、在JavaScript语句中同时调用多个函数
程序代码<script>
function f1(){...}
function f2(){...}
function f3(){...}
function f4(){...}
window.onload=function(){
f1();
f2();
f3();
f4();
}
</script>
这种调用方式可以用于不太复杂的javascript程序中，如果程序函数很多，逻辑比较复杂，可以考虑用另外一种方式。
5、自定义函数式多次调用
程序代码<script>
function f1(){...}
function f2(){...}
function f3(){...}
function f4(){...}
//onload事件侦听函数
function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload!="function"){window.onload=func;}else{window.onload=function(){oldonload();func();}};
}
//调用方式
addLoadEvent(f1);
addLoadEvent(f2);
addLoadEvent(f3);
addLoadEvent(f4);
</script>
以上是关于window.onload同时执行多个函数的解决方法的主要内容，如果未能解决你的问题，请参考以下文章