zoukankan      html  css  js  c++  java
  • JS: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>

  • 相关阅读:
    不为人知easy-mock-cli
    javascript设计模式之适配器模式
    js --装饰者模式
    使用策略模式封装拦截器
    js --桥接模式
    深入理解面向对象 -- 基于 JavaScript 实现
    设计模式 -- 观察者模式
    敏捷开发
    从技术走向管理
    Vue Cli安装以及使用
  • 原文地址:https://www.cnblogs.com/dsheldon/p/4344211.html
Copyright © 2011-2022 走看看