时间:2021-05-28
我们都知道JQ的 $(document).ready(fn) 方法。可以在页面准备就绪后才执行脚本,该方法相比传统的window.onload 事件,它的优势体现于onload事件是需要等到页面中所有资源都加载完毕后才会触发,而JQ的ready方法则会判断DOM树是否构建完毕。
onload相比较onreadystate事件的区别是,onreadystatechange事件是IE独有的,并且在IE11之后不再支持,该事件是IE浏览器为特定的需要判断资源加载的DOM元素指定的事件。
支持onreadystatechange事件的DOM元素必然有一个readyState属性,该属性的返回值,用于说明资源的加载情况。
一般而言,onreadystatechange事件更多用于Iframe的加载判断。
最后我们需要了解的是当页面包含iframe后,DOM树的生成,以及DOMContentLoaded事件的触发,onload事件的触发,其流程对于IE非IE是不同的。
一般来说:
IE :解析index页面 -> 解析iframe页面 -> 触发iframe的DOMContentLoaded事件 -> 触发iframe页面 onload事件 -> 触发Index页面的DOMContentLoaded事件 -> 触发index页面的onload事件。
!IE:解析index页面 -> 触发index页面的DOMContentLoaded事件 -> 解析iframe页面 -> 触发iframe页面的DOMContentLoaded事件 -> 触发iframe的onload事件 -> 触发index页面的onload事件。
从这个流程,我们可以看出IE中,必须等待当前页面的iframe加载解析完毕,当前页面才能加载解析完毕,而在非IE中,iframe的加载与解析对当前页面来言更多的是异步执行。
下面是具体的代码:
代码调用:
domReady(function(){ document.getElementById('box').innerHTML = (new Date().getTime() - date)/1000; });以上这篇domReady的实现案例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
目录一、本案例涉及知识二、效果图三、功能实现一、本案例涉及知识LayuiRedisVue.jsjQueryAjax二、效果图三、功能实现(一)使用Layui的样
本文实例为大家分享了Vue实现图书管理的具体代码,供大家参考,具体内容如下案例效果案例思路1、图书列表实现静态列表效果基于数据实现模板效果处理每行的操作按钮2、
使用React-redux实现,待办事项todolist案例。注:以下列出主要页面代码,为说明React-redux实现的过程,所以并没有将案例的完整代码展示!
如果你还没有准备好,请先阅读上一篇《Mootools1.2教程(1)——MooTools介绍》。我们讲了怎么引用MooTools1.2以及怎么在domready
用Axure实现窗口改变大小时事件,课程将采用案例的方式,学习窗口改变大小时事件的实现效果及方法。案例选择了窗口改变大小时设置适应窗口尺寸的交互实例祥细介绍。软