深入理解JS addLoadEvent函数


Posted in Javascript onMay 20, 2016

首先是addLoadEvent函数的代码清单:

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

理解起来就是:

1.把现有的window.onload事件处理函数的值存入变量 oldonload;

2.如果在这个处理函数上还没有绑定任何函数,就像平常那样把新函数添加给它;

3.如果在这个处理函数上已经绑定了一些函数,就把新函数追加到现有指令的末尾。

这个函数非常实用,尤其是代码变得越来越复杂的时候,无论打算在页面上执行多少个函数,只要多写一条语句就可以搞定。

以上这篇JS addLoadEvent函数就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery UI Dialog控件中的表单无法正常提交的解决方法
Dec 19 Javascript
判断ie的两种简单方法
Aug 12 Javascript
ExtJS自定义主题(theme)样式详解
Nov 18 Javascript
最短的IE判断var ie=!-[1,]分析
May 28 Javascript
纯css下拉菜单 无需js
Aug 15 Javascript
jQuery遍历节点树方法分析
Sep 08 Javascript
微信小程序 前端源码逻辑和工作流详解
Oct 08 Javascript
javascript删除html标签函数cIsHTML
Jan 09 Javascript
vue-router history模式下的微信分享小结
Jul 05 Javascript
150行代码带你实现微信小程序中的数据侦听
May 17 Javascript
npm的lock机制解析
Jun 20 Javascript
javascript实现拖拽碰撞检测
Mar 12 Javascript
用jQuery获取table中行id和td值的实现代码
May 19 #Javascript
jquery遍历table的tr获取td的值实现方法
May 19 #Javascript
jquery if条件语句的写法
May 19 #Javascript
laypage分页控件使用实例详解
May 19 #Javascript
js多功能分页组件layPage使用方法详解
May 19 #Javascript
深入理解MVC中的时间js格式化
May 19 #Javascript
Node.js+Express配置入门教程详解
May 19 #Javascript
You might like
简单PHP上传图片、删除图片实现代码
2010/05/12 PHP
详解Grunt插件之LiveReload实现页面自动刷新(两种方案)
2015/07/31 PHP
ThinkPHP框架实现的MySQL数据库备份功能示例
2018/05/24 PHP
安装docker和docker-compose实例详解
2019/07/30 PHP
php中对象引用和复制实例分析
2019/08/14 PHP
Javascript学习笔记2 函数
2010/01/11 Javascript
Jquery进度条插件 Progress Bar小问题解决
2011/07/12 Javascript
运用JQuery的toggle实现网页加载完成自动弹窗
2014/03/18 Javascript
jquery判断浏览器后退时候弹出消息的方法
2014/08/11 Javascript
js获取checkbox复选框选中的选项实例
2014/08/24 Javascript
jQuery实现“扫码阅读”功能
2015/01/21 Javascript
js中hash和ico的关联分析
2015/02/05 Javascript
AngularJS中如何使用$http对MongoLab数据表进行增删改查
2016/01/23 Javascript
浅析Bootstrap缩略图组件与警示框组件
2016/04/29 Javascript
微信小程序 图片等比例缩放(图片自适应屏幕)
2016/11/16 Javascript
js实现鼠标跟随运动效果
2020/08/02 Javascript
详解VUE 对element-ui中的ElTableColumn扩展
2018/03/28 Javascript
Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法
2018/09/12 Javascript
小程序实现自定义导航栏适配完美版
2019/04/02 Javascript
自定义Vue组件打包、发布到npm及使用教程
2019/05/22 Javascript
JavaScript使用表单元素验证表单的示例代码
2019/08/20 Javascript
webpack的pitching loader详解
2019/09/23 Javascript
VUE.CLI4.0配置多页面入口的实现
2019/11/25 Javascript
Python  连接字符串(join %)
2008/09/06 Python
Python实现计算文件MD5和SHA1的方法示例
2019/06/11 Python
python创建n行m列数组示例
2019/12/02 Python
Python进程间通信multiprocess代码实例
2020/03/18 Python
Python如何解除一个装饰器
2020/08/07 Python
基于Python实现体育彩票选号器功能代码实例
2020/09/16 Python
CSS3实现内凹圆角的实例代码
2017/05/04 HTML / CSS
基于HTML5新特性Mutation Observer实现编辑器的撤销和回退操作
2016/01/11 HTML / CSS
活动倡议书范文
2014/05/13 职场文书
“向国旗敬礼”主题班会活动设计方案
2014/09/27 职场文书
大学生迟到检讨书500字
2014/10/17 职场文书
Python如何利用正则表达式爬取网页信息及图片
2021/04/17 Python
Li list-style-image 图片垂直居中实现方法
2023/05/21 HTML / CSS