zoukankan      html  css  js  c++  java
  • window.onload的使用

    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>

  • 相关阅读:
    CCF-CSP认证 C++题解目录
    LeetCode周赛#205
    LeetCode双周赛#34
    Codeforces Round #667 (Div. 3) B、C、D、E 题解
    Codeforces Round #656 (Div. 3) 题解
    牛客小白月赛#26 题解
    LeetCode周赛#204 题解
    LeetCode周赛#203 题解
    牛客小白月赛#27 题解
    N阶上楼梯问题——动态规划(递推求解)
  • 原文地址:https://www.cnblogs.com/xuxiaoxia/p/6434786.html
Copyright © 2011-2022 走看看