博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS:window.onload的使用
阅读量:5279 次
发布时间:2019-06-14

本文共 900 字,大约阅读时间需要 3 分钟。

1、最简单的调用方式

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

   <html>

      <body οnlοad="func()">

      </body>

   </html>

2、在JS语句调用

   <script type="text/javascript">

      function func(){……}

      window.οnlοad=func;

   </script>

3、同时 调用多个函数

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

   <html>

      <body οnlοad="func1();func2();func3();">

      </body>

   </html>

4、js调用多个函数,以下这种调用方式可以用于不太复杂的JS程序中,如果程序函数很多,逻辑比较复杂,可以考虑用第五种方式。

     <script type="text/javascript">

      function func1(){……}

      function func2(){……}

      function func3(){……}

      window.οnlοad=function(){

      func1();

      func2();

      func3();

     }

   </script>

5、JS自定义函数式多次调用

   <script type="text/javascript">

      function func1(){……}

      function func2(){……}

      function func3(){……}

      function addLoadEvent(func){

         var oldοnlοad=window.onload;

         if(typeof window.onload!="function"){

             window.οnlοad=func;

          }

         else{

             window.οnlοad=function(){

                  oldonload();

                  func();

               }

             }

       }

       addLoadEvent(func1);

       addLoadEvent(func2);

       addLoadEvent(func3);

   </script>

转载于:https://www.cnblogs.com/dsheldon/p/4344211.html

你可能感兴趣的文章
语音识别中的MFCC的提取原理和MATLAB实现
查看>>
0320-学习进度条
查看>>
MetaWeblog API Test
查看>>
移动、尺寸改变
查看>>
c# 文件笔记
查看>>
类和结构
查看>>
心得25--JDK新特性9-泛型1-加深介绍
查看>>
安装NVIDIA驱动时禁用自带nouveau驱动
查看>>
HDU-1255 覆盖的面积 (扫描线)
查看>>
Java 中 静态方法与非静态方法的区别
查看>>
Jenkins+ProGet+Windows Batch搭建全自动的内部包(NuGet)打包和推送及管理平台
查看>>
线程池的概念
查看>>
Java 序列化
查看>>
Java 时间处理实例
查看>>
Java 多线程编程
查看>>
Java 数组实例
查看>>
mysql启动过程
查看>>
2017前端面试题总结
查看>>
Http GetPost网络请求
查看>>
SWIFT国际资金清算系统
查看>>