[JavaScript]addDOMLoadEvent:DOM加载事件

最新推荐文章于 2024-04-18 09:43:47 发布
最新推荐文章于 2024-04-18 09:43:47 发布
阅读量141 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/georgewing/archive/2008/06/21/1227073.html
版权

window的onload事件是判断页面是否加载完成，实际上它要等页面中所有的数据元素全部加载完成后才会执行，而在加载(load)过程中，往往很多时候不能等着像flash、图片这样的大部头下载完才执行JavaScript。

于是，addDOMLoadEvent进入了我的视线。
现在，无须等待页面全部加载完，只要其中的DOM加载了，JS就会即时执行！
来源于：
DOM 加载事件：addDOMLoadEvent

转载于:https://www.cnblogs.com/georgewing/archive/2008/06/21/1227073.html

dieya9669
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
domql:DOM 渲染 Javascript 库
08-04
DOMQL DOM 渲染 Javascript 框架。 极简主义 无依赖 可扩展 无需转译，简单的 ES6 代码 一次性导入和子树 您可以从作为样板开始，或者跳入实时编辑器。 主要特征： 错误报告 虚拟 DOM 树 创建 使用原型类创建 支持多级原型 状态 捆绑 与其他组件 与状态 更新 设置（重新创建） 只用 diff 迭代 事件 事件处理 冒泡和传播 在 animationFrame 内运行更改 入门 要安装所有依赖项并运行开发服务器，请运行： yarn && yarn start 例子 初始化： import DOM from '@rackai/domql' DOM . create ( { text : 'Rendered' } ) 属性： var link = { tag : 'a' , class : 'menu lin
javascript封装addLoadEvent实现页面同时加载执行多个函数的方法
01-23
主要介绍了javascript封装addLoadEvent实现页面同时加载执行多个函数的方法,实例分析了onload事件执行的原理与同时执行多个函数功能的实现技巧,需要的朋友可以参考下
基于javascript原生判断DOM是否加载完毕
10-14
主要介绍了基于javascript原生判断DOM是否加载完毕,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
DOMContentLoaded事件,当所有DOM解析完以后会触发这个事件
m0_37866091的博客
12-08 870
今天查看百度空间源代码，发现多了个util.js文件，打开看看。里面里面定义了addDOMLoadEvent。这是干什么用的？ 仔细查看代码，发现在Mozilla添加了DOMContentLoaded事件，这个在以前一直没有用过。 if (document.addEventListener) document.addEventListener(“DOMContentLoaded”, init, false); 好像就是为了兼容实现DOMContentLoaded事件。
addLoadEvent事件 —— 详解
此许非彼苦的博客
04-27 1236
当某个函数需要在页面加载完毕时立刻执行，我们可以调用window对象的的onload事件，代码如下： window.onload=func1; 但如果我们有多个函数需要在页面加载完毕时立刻执行呢？我们可以这样子写吗？ window.onload=func1; window.onload=func2; 显然是不可以的，通过执行函数可以发现，只有func2在页面加载完毕时执行了。 那我们有别的方法...
模拟兼容性的 addDOMLoadEvent 事件
dianwai2188的博客
10-09 72
由于window.onload事件需要在页面所有内容（包括图片等）加载完后，才执行，但往往我们更希望在 DOM 一加载完就执行脚本。其实在现在大部分主流浏览器上（Firefox 3+，Opera 9+，Safari 3+，Chrome 2+）都提供了这一事件方法：addDOMLoadEvent。 document.addEventListener("DOMContentLoaded...
JS教程：addDOMLoadEvent事件
zunguitiancheng的专栏
02-27 1359
http://school.cnd8.com/javascript/jiaocheng/76942.htm 由于 　　 　　window.onload 　　 　　事件需要在页面所有内容（包括图片等）加载完后，才执行，但往往我们更希望在DOM一加载完就执行脚本。其实在现在大部分主流浏览器上（Firefox3+，Opera9+，Safari3+，Chrome2+）都提供了这一事件
addLoadEvent函数
weixin_30362801的博客
05-19 100
首先是addLoadEvent函数的代码清单： function addLoadEvent(func){ var oldonload=window.onload; if(typeof window.onload!='function') { window.onload=func; } else { window.onload=fun...
详解addLoadEvent函数
我有三种目的：坚持、思考、太阳
05-07 321
在创建这个函数前我们需要知道什么叫共享onload事件 我们js和dom树是离不开的。不妨想想如果页面的dom树还未加载完成就企图通过javascript来操刀。很显然这很让js莫不着头脑。 于是就需要先加载完dom再执行函数。加载完毕后会触发一个onload事件，与window对象相关联。 既然这个事件加载完成之后才会触发，那我也需要js函数加载后再触发。于是便可以这样将他们绑定 window.onload = haha;//haha是一个函数 But要是我还有xixi();hehe();等等函数就会变
onload事件-----addLoadEvent函数
chenssy 的技术博客
03-17 304
假如我们希望某个函数在网页加载完毕之后就立即执行。网页加载完毕时会触发一个onload事件，所以我们可以利用onload事件来加载这个函数。Onload事件与window对象相关联。如： 把myfunction函数绑定到这个事件上： window.onload = myfunction(); 一个函数我们可以利用上面的解决,那两个、三个甚至更多呢？怎么解决？？ 假如我们有firs...
JavaScript Dom 绑定事件操作实例详解
12-13
本文实例讲述了JavaScript Dom 绑定事件操作JavaScript Dom 绑定事件操作。分享给大家供大家参考，具体如下： JavaScript Dom 绑定事件 // 先获取Dom对象，然后进行绑定 document.getElementById('xx').onclick ...
javaScript 页面自动加载事件详解
10-26
本篇文章主要是对javaScript页面自动加载事件进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
[JavaScript]addLoadEvent方法--摘自<JavaScript+DOM编程艺术>
庐山烟雨浙江潮
04-01 412
不管你打算在页面加载完毕时执行多少个函数,它都可以应付自如.这个函数就是addLoadEvent. 是由Simon Willison编写的./*添加代码到DOM加载完成后执行*/ function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') {
JavaScript addLoadEvent函数使用详解
风吹起如花般细碎流年
03-13 1838
在HTML文档完成加载之前，DOM是不完整的。此时如果执行js代码，测试的准确性就无从谈起，所以我们必须让这个函数在网页加载完毕之后才得到执行。我们常用的方法就是： window.onload = 某个函数； 注：这条浅显易懂语句可以使用，但有时不太适用（当页面加载完成需要执行多个函数时）假设我们有两个函数，firstFunction()和secondFunction()，如果我想让他们俩都在页
Javascript的addLoadEvent函数的使用详解
Inuyasha1121的专栏
05-08 3044
为了解决window.onload的弊端，javascript中可以通过一下方案解决。 函数如下： function addLoadEvent(func){ var oldonload=window.onload; if(typeof window.onload!='function'){ window.onload=func; }else{ window.o
addLoadEvent 函数(JS)
lzgy的博客
11-02 244
addLoadEvent()函数: 不管你打算在页面加载完毕时执行多少个函数，一百个一千个等，它都可以应付自如，使用一个函数addLoadEvent，它是由Simon Willison(详见 http://simon.incutio.com)编写的，它只有一个参数: 需要执行的函数名 . function addLoadEvent(func){ var oldοnlοad = window.on...
addLoadEvent:共享onload事件。
学习的一些小感悟和记录
04-06 461
读jeremy Keitf写的一本《JavaScript DOM编程艺术》看到这一节。 众所周知，有时候我们执行需要检测DOM元素的JS函数的时候，如果DOM没加载完整，该函数是无法执行成功的。 类似的函数应该在网页加载完毕之后立刻执行。 网页加载完毕时会触发一个onload事件，这个时间与window对象相关联。 那么我们可以定义函数绑定到这个事件上： window.onload= F
Storage 工具如何封装(前缀、加密、过期时间等)及localStorage的基础介绍
最新发布
qq_43641110的博客
04-18 601
​​​​​​​。
html鼠标移除事件监听,Javascript：DOM事件（监听鼠标点击/释放，鼠标悬停/离开等）...
06-07
可以使用JavaScript来监听HTML元素的鼠标移除事件。具体实现方式如下： 1.获取需要监听的HTML元素，可以使用document.getElementById()等方法。 2.使用元素的addEventListener()方法来添加鼠标移除事件的监听器。 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值