js中onload事件的调用方法

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

   <html>

      <body onload="func1();func2();func3();">

      </body>

   </html>

2、在JS语句调用

 (1)当只调用一个函数时:

 <script type="text/javascript">

      function func(){……}

      window.onload=func;  //func后不带括号,为回调函数(不会马上执行,条件满足(如事件触发)时才会执行)

   </script>

(2)调用多个函数

     <script type="text/javascript">

      function func1(){……}

      function func2(){……}

      function func3(){……}

      window.onload=function()

  {

      func1();

      func2();

      func3();

     }

   </script>

3、自定义调用函数式多次调用

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

posted @ 2015-08-27 01:03  liangpipi322  阅读(2845)  评论(0编辑  收藏  举报