打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
JS:window.onload的使用

1、最简单的调用方式

   直接写到html的body标签里面,如:

  <html>

     <body onload="func()">

     </body>

  </html>

2、在JS语句调用

   <scripttype="text/javascript">

     function func(){……}

     window.onload=func;

  </script>

3、同时 调用多个函数

  直接写到html的body标签里面,如:  

  <html>

     <bodyonload="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自定义函数式多次调用

   <scripttype="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>

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
javascript中window.onload和body onload冲突的解决方法
页面加载后触发函数
自定义addLoadEvent函数为body.onload事件绑定多个函数
将JavaScript函数绑定到window.onload事件上
向window.load添加多个函数
Js文件函数中调用另一个Js文件函数的方法
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服