window.onload的使用

window.onload:當頁面加載的時候能夠調用某些函數javascript

例如:html

一、最簡單的調用方式java

   直接寫到html的body標籤裏面,如:函數

   <html>htm

      <body onload="func()">ip

      </body>io

   </html>function

二、在JS語句調用程序

   <script type="text/javascript">標籤

      function func(){……}

      window.onload=func;

   </script>

三、同時 調用多個函數

   直接寫到html的body標籤裏面,如:  

   <html>

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

      </body>

   </html>

四、js調用多個函數,如下這種調用方式能夠用於不太複雜的JS程序中,若是程序函數不少,邏輯比較複雜,能夠考慮用第五種方式。

     <script type="text/javascript">

      function func1(){……}

      function func2(){……}

      function func3(){……}

      window.onload=function(){

      func1();

      func2();

      func3();

     }

   </script>

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

相關文章
相關標籤/搜索