JS:window.onload

JS:window.onload的使用 (2012-05-10 22:06:08)
标签: window.onload js 分类: JavaScript学习笔记
1、最简单的调用方式
   直接写到html的body标签里面,如:
   <html>
      <body onload="func()">
      </body>
   </html>


2、在JS语句调用
   <script type="text/javascript">
      function func(){……}
      window.onload=func;
   </script>


3、同时 调用多个函数
   直接写到html的body标签里面,如: 
   <html>
      <body onload="func1();func2();func3();">
      </body>
   </html>


4、js调用多个函数,以下这种调用方式可以用于不太复杂的JS程序中,如果程序函数很多,逻辑比较复杂,可以考虑用第五种方式。
     <script type="text/javascript">
      function func1(){……}
      function func2(){……}
      function func3(){……}
      window.onload=function(){
      func1();
      func2();
      func3();
     }
   </script>


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

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

你可能感兴趣的:(window)