首页 > Windows开发 > 详细

js window.onload事件

时间:2015-06-19 14:51:29      阅读:155      评论:0      收藏:0      [点我收藏+]

1、最简单的调用方式

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

1
2
3
4
    <html>
      <body onload="func()">
      </body>
   </html>

2. js语句调用

1
2
3
4
 <html>
      <body onload="func1();func2();func3();">
      </body>
 </html>

3. 同时调用多个函数直接写在html里

1
2
3
4
5
6
7
8
9
10
 <script type="text/javascript">
      function func1(){……}
      function func2(){……}
      function func3(){……}
      window.onload=function(){
      func1();
      func2();
      func3();
     }
 </script>

4、js调用多个函数,以下这种调用方式可以用于不太复杂的JS程序中,如果程序函数很多,逻辑比较复杂,可以考虑用第五种方式

1
2
3
4
5
6
7
8
9
10
 <script type="text/javascript">
      function func1(){……}
      function func2(){……}
      function func3(){……}
      window.onload=function(){
      func1();
      func2();
      func3();
     }
 </script>

5、JS自定义函数式多次调用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 <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事件

原文:http://www.cnblogs.com/vlone/p/4588379.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!