JS:window.onload的使用

最新推荐文章于 2024-08-15 11:39:27 发布

转载最新推荐文章于 2024-08-15 11:39:27 发布 · 751 阅读

·

0

·

文章标签：

#javascript #html

javascript基础部分学习专栏收录该内容

51 篇文章

订阅专栏

本文介绍了五种在网页中调用加载事件的方法，包括直接在HTML body标签中调用单个及多个函数，通过JavaScript代码调用函数，以及使用自定义函数多次调用等技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。