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>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • js函数对象 转载文章 函数是进行模块化程序设计的基础,编写复杂的Ajax应用程序,必须对函数有更深入的了解。 J...
    猩崽大叔阅读 4,529评论 0 0
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,402评论 2 17
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 33,238评论 18 399
  • 1,javascript 基础知识 Array对象 Array对象属性 Arrray对象方法 Date对象 Dat...
    Yuann阅读 4,640评论 0 1
  • 朋友说,他是流氓书生。 同事说,他是拎着菜刀的诗人。 我说,我是一个一本正经活着的却一点也不安分的文人。 除了文人...
    跃迁sky阅读 3,897评论 1 2

友情链接更多精彩内容