码迷,mamicode.com
首页 > Windows程序 > 详细

window.onload同时执行多个函数的解决方法

时间:2017-04-15 14:08:01      阅读:226      评论:0      收藏:0      [点我收藏+]

标签:eve   add   nbsp   html   event   function   函数式   自定义   比较   

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同时执行多个函数的解决方法

标签:eve   add   nbsp   html   event   function   函数式   自定义   比较   

原文地址:http://www.cnblogs.com/sunlyq/p/6713681.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!