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

  • 相关阅读:
    SELECT INTO 和 INSERT INTO SELECT 两种表复制语句
    log4net写txt日志
    easyui上传文件
    让 SVN (TortoiseSVN)提交时忽略bin和obj目录
    C#进阶系列——WebApi 跨域问题解决方案:CORS
    js控制radio选中
    sql注入
    修改类不用重启Tomcat加载整个项目
    URIEncoding与useBodyEncodingForURI 在tomcat中文乱码处理上的区别
    ActiveMQ 使用场景
  • 原文地址:https://www.cnblogs.com/xuxiaoxia/p/6434786.html
Copyright © 2020-2023  润新知