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

  • 相关阅读:
    费曼学习法
    Ubuntu修改系统默认编码
    如何在Ubuntu 18.04上安装和使用PostgreSQL
    Bash简介 & Bash是如何处理命令的
    ubuntu环境变量的三种设置方法
    psql 工具详细使用介绍
    使用ubuntu server18.04 搭建odoo12运行环境
    Ubuntu修改时区和更新时间
    Ubuntu18.04修改apt-get源
    对表内数据间隔特定的长度求和
  • 原文地址:https://www.cnblogs.com/SmallNiu/p/4174613.html
Copyright © 2011-2022 走看看