javascript封装addLoadEvent实现页面同时加载执行多个函数的方法

 更新时间:2016年07月25日 09:27:42   作者:leejersey  
这篇文章主要介绍了javascript封装addLoadEvent实现页面同时加载执行多个函数的方法,实例分析了onload事件执行的原理与同时执行多个函数功能的实现技巧,需要的朋友可以参考下

本文实例讲述了javascript封装addLoadEvent实现页面同时加载执行多个函数的方法。分享给大家供大家参考,具体如下:

如果想同时执行多个函数,可以将这些函数放入一个数组中,然后在onload事件里循环数组并执行,或者使用另一个方便的函数addLoadEvent:

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
   } else {
    window.onload = function() {
         if (oldonload) {
          oldonload();
         }
      func();
    }
   }
 }

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript常用函数技巧汇总》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • javascript 层隐藏和显示的代码

    javascript 层隐藏和显示的代码

    javascript 层隐藏和显示的代码
    2009-07-07
  • TypeScript类型系统自定义数据类型教程示例

    TypeScript类型系统自定义数据类型教程示例

    这篇文章主要为大家介绍了TypeScript类型系统自定义数据类型教程示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • JavaScript对Json的增删改属性详解

    JavaScript对Json的增删改属性详解

    下面小编就为大家带来一篇JavaScript对Json的增删改属性详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • Javascript 不能释放内存.

    Javascript 不能释放内存.

    Javascript 不能释放内存....
    2006-09-09
  • JS实现简单的图书馆享元模式实例

    JS实现简单的图书馆享元模式实例

    这篇文章主要介绍了JS实现简单的图书馆享元模式,以一个图书馆存书借书的例子分析了图书馆享元模式的实现技巧,需要的朋友可以参考下
    2015-06-06
  • 一文教你如何优雅的使用WebSocket

    一文教你如何优雅的使用WebSocket

    WebSocket最大特点就是服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息,是真正的双向平等对话,属于服务器推送技术的一种,下面这篇文章主要给大家介绍了关于如何优雅的使用WebSocket的相关资料,需要的朋友可以参考下
    2022-05-05
  • Array的push与unshift方法性能比较分析

    Array的push与unshift方法性能比较分析

    Array的push与unshift方法都能给当前数组添加元素,不同的是,push是在末尾添加,而unshift则是在开头添加。
    2011-03-03
  • Webpack 4如何动态切割JS注入文件名详解

    Webpack 4如何动态切割JS注入文件名详解

    这篇文章主要给大家介绍了关于Webpack 4如何动态切割JS注入文件名的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用Webpack4具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-07-07
  • JavaScript实现网站访问次数统计代码

    JavaScript实现网站访问次数统计代码

    每个网站管理者,都必须知道每天有多少人访问了本站,需要一个网站访问次数功能来满足需求,本篇文章主要介绍了JavsScript实现网站访问次数统计代码,需要的朋友可以参考下
    2015-08-08
  • JS设计模式之中介者模式使用方法详解

    JS设计模式之中介者模式使用方法详解

    JavaScript中介者模式是一种行为型设计模式,用于降低多个对象之间的耦合性,在中介者模式中,多个对象之间不直接相互通信,而是通过中介者进行通信, 本文就来给大家详细的介绍一下JS设计模式之中介者模式使用方法,需要的朋友可以参考下
    2023-08-08

最新评论