window.onload:当页面加载的时候可以调用某些函数

例如:

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>

相关文章:

  • 2022-12-23
  • 2022-02-03
  • 2021-12-05
  • 2021-05-25
  • 2021-05-26
  • 2021-12-07
  • 2021-11-24
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-10
  • 2021-10-31
  • 2022-12-23
相关资源
相似解决方案