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


Posted in Javascript onJuly 25, 2016

本文实例讲述了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 相关文章推荐
jquery 学习之二 属性 文本与值(text,val)
Nov 25 Javascript
在Windows上安装Node.js模块的方法
Sep 25 Javascript
JS动态获取当前时间,并写到特定的区域
May 03 Javascript
jQuery基于图层模仿五星星评价功能的方法
May 07 Javascript
基于jquery实现页面滚动时顶部导航显示隐藏
Apr 20 Javascript
总结JavaScript设计模式编程中的享元模式使用
May 21 Javascript
简单实现js浮动框
Dec 13 Javascript
js中常用的Math方法总结
Jan 12 Javascript
jQuery中.attr()和.data()的区别分析
Sep 03 jQuery
vue实现购物车小案例
Sep 27 Javascript
vue 解决computed修改data数据的问题
Nov 06 Javascript
Vue3实现简易音乐播放器组件
Aug 14 Vue.js
最简单纯JavaScript实现Tab标签页切换的方式(推荐)
Jul 25 #Javascript
基于CSS3和jQuery实现跟随鼠标方位的Hover特效
Jul 25 #Javascript
javascript insertAfter()定义与用法示例
Jul 25 #Javascript
jquery之别踩白块游戏的简单实现
Jul 25 #Javascript
JavaScript禁止用户多次提交的两种方法
Jul 24 #Javascript
JavaScript表单焦点自动切换代码
Jul 24 #Javascript
javascript中sort排序实例详解
Jul 24 #Javascript
You might like
在线竞拍系统的PHP实现框架(二)
2006/10/09 PHP
php db类库进行数据库操作
2009/03/19 PHP
微信公众平台开发教程②微信端分享功能图文详解
2019/04/10 PHP
javascript 跳转代码集合
2009/12/03 Javascript
js ondocumentready onmouseover onclick onmouseout 样式
2010/07/22 Javascript
五段实用的js高级技巧
2011/12/20 Javascript
轻松创建nodejs服务器(4):路由
2014/12/18 NodeJs
jQuery使用attr()方法同时设置多个属性值用法实例
2015/03/26 Javascript
使用Raygun对Node.js应用进行错误处理的方法
2015/06/23 Javascript
浅谈Javascript数组的使用
2015/07/29 Javascript
基于JavaScript判断浏览器到底是关闭还是刷新(超准确)
2016/02/01 Javascript
JS实现将Asp.Net的DateTime Json类型转换为标准时间的方法
2016/08/02 Javascript
html判断当前页面是否在iframe中的实例
2016/11/30 Javascript
关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)
2016/12/14 Javascript
javascript实现去除HTML标签的方法
2016/12/26 Javascript
Node.js中的require.resolve方法使用简介
2017/04/23 Javascript
利用Jasmine对Angular进行单元测试的方法详解
2017/06/12 Javascript
Node.js 基础教程之全局对象
2017/08/06 Javascript
react-native android状态栏的实现
2018/06/15 Javascript
JavaScript引用类型Array实例分析
2018/07/24 Javascript
原生javascript实现连连看游戏
2019/01/03 Javascript
Node.js动手撸一个静态资源服务器的方法
2019/03/09 Javascript
Vue-cli3生成的Vue项目加载Mxgraph方法示例
2020/05/31 Javascript
vue+echarts实现动态折线图的方法与注意
2020/09/01 Javascript
用Python代码来解图片迷宫的方法整理
2015/04/02 Python
Python pass详细介绍及实例代码
2016/11/24 Python
Python字典操作详细介绍及字典内建方法分享
2018/01/04 Python
使用python实现kNN分类算法
2019/10/16 Python
python的json中方法及jsonpath模块用法分析
2019/12/06 Python
薇诺娜官方网上商城:专注敏感肌肤
2017/05/25 全球购物
阿姆斯特丹杜莎夫人蜡像馆官方网站:Madame Tussauds Amsterdam
2019/03/12 全球购物
自我评价怎么写好呢?
2013/12/05 职场文书
水毁工程实施方案
2014/04/01 职场文书
实现中国梦思想汇报2014
2014/09/13 职场文书
Mysql实现主从配置和多主多从配置
2021/06/02 MySQL
详解SpringBoot异常处理流程及原理
2021/06/21 Java/Android