JS:window.onload的使用

最新推荐文章于 2024-10-02 05:39:15 发布

linhuiDragon

最新推荐文章于 2024-10-02 05:39:15 发布

阅读量175

点赞数

分类专栏： JS 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/linhuiDragon/article/details/84507470

版权

JS 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

[color=blue][size=large]JS:window.onload的使用[/size][/color]

[b]1、最简单的调用方式

直接写到html的body标签里面，如：[/b]

 <html>

      <body onload="func()">

      </body>

   </html>

[b]2、在JS语句调用[/b]

<script type="text/javascript">

      function func(){……}

      window.onload=func;

   </script>

[b]
3、同时调用多个函数

直接写到html的body标签里面,如：[/b]

<html>

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

      </body>

   </html>

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


     <script type="text/javascript">

      function func1(){……}

      function func2(){……}

      function func3(){……}

      window.onload=function(){

      func1();

      func2();

      func3();

     }

   </script>

[b]5、JS自定义函数式多次调用[/b]

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