页面加载进度条实现——readyState和onreadystatechange

版权声明:转载请注明出处 https://blog.csdn.net/qdmoment/article/details/84137039

document.readyState 属性返回当前文档的状态(载入中……)。

共有四种取值:

1,uninitialized - 还未开始载入  uninitialized  英 [ʌnɪ'nɪʃlaɪzd]  未初始化

2,loading - 载入中

3,interactive - 已加载,文档与用户可以开始交互  interactive 英 [ˌɪntərˈæktɪv]   adj.互动的;互相作用的,相互影响的;[计]交互式的

4,complete - 载入完成

document.onreadystatechange:当页面加载状态改变的时候执行这个方法

onreadystatechange 事件通常用在基于 XMLHttpRequest 对象的 AJAX 应用中,当的该对象的 load state 改变时,会触发此事件。

但在 IE 中 onreadystatechange 事件是其私有实现的,用于数据加载的 IMG、SCRIPT 和 LINK 标记,常常被误用 onreadystatechange 事件而导致在非 IE 浏览器中无法得到预期结果。

知识扩展:onload,指示页面包含图片等文件在内的所有元素都加载完成。

扫描二维码关注公众号,回复: 4101295 查看本文章

支持该事件的 HTML 标签:<body>, <frame>, <frameset>, <iframe>, <img>, <link>, <script>

支持该事件的 JavaScript 对象image, layer, window

1 第一种:window.onload = function(){}
2 第二种: window.onload = functionName; //注意:没有括号
1 <body onload="init();">

window.onload事件相比,ready()具有较高的执行优先级

猜你喜欢

转载自blog.csdn.net/qdmoment/article/details/84137039
今日推荐