js中 onreadystatechange 和 onload的区别
2017-03-09 10:58
417 查看
IE的script 元素只支持onreadystatechange事件,不支持onload事件。 FF的script 元素不支持onreadystatechange事件,只支持onload事件。 如果要在一个<script src="xx.js"> 加载完成执行一个操作,FF使用onload事件就行了,IE下则要结合onreadystatechange事件和this.readyState,
以下是IE的一个例子: <script type="text/javascript" src="xx.xx" onreadstatechange="if(this.readyState=='load') alert('loaded');"></script> this.readyState的值为'loaded'或者'complete'都可以表示这个script已经加载完成. 如何结合IE和FF的区别?参考一下jquery的源码: var script = document.createElement('script'); script.src="xx.js"; script.onload = script.onreadystatechange = function(){ if( ! this.readyState //这是FF的判断语句,因为ff下没有readyState这人值,IE的readyState肯定有值 || this.readyState=='loaded' || this.readyState=='complete' // 这是IE的判断语句 ){ alert('loaded'); } };当
document文档正在加载时,返回"loading"。当文档结束渲染但在加载内嵌资源时,返回"interactive",并引发
DOMContentLoaded事件。当文档加载完成时,返回"complete",并引发
load事件。
readystatechange事件会在
document对象上的readyState属性的属性值发生变化时触发.
语法
var string = document.readyState;
例子
// 模拟DOMContentLoadeddocument.onreadystatechange = function () {if (document.readyState == "interactive") {initApplication();}}
// 模拟 load事件document.onreadystatechange = function () {if (document.readyState == "complete") {initApplication();}}
<iframe src="../../planmanage/planmanage/planBaseInfoAction.do?doType=212" width="98%" height="330" scrolling="no" frameborder="0" id="content51" name="content50" style="visibility: hidden;" onreadystatechange="stateChangeIE(this,'loading50')" onload="stateChangeFirefox(this,'loading50')"></iframe>
相关文章推荐
- requireJS&seaJS模块加载器原理:<script>标签加载外部js文件用到的onload、onerror和onreadystatechange事件
- window.onload,body onload和document.onreadystatechange
- window.onload,<body onload="function()">, document.onreadystatechange, httpRequest.onreadystatechang 分类: C1_HTML/JS/JQUERY 2014-08-06 16:47 558人阅读 评论(0) 收藏
- window.onload,body onload和document.onreadystatechange
- js控制过场动画,setTimeout和clearTimeout的用法以及document.onreadystatechange判断页面是否加载结束
- js页面加载完后执行(document.onreadystatechange 和 document.readyState)
- 加js库和css库| jQuery hover()用法 |document.onreadystatechange |get和post
- window.onload,body onload,document.onreadystatechange
- window.onload,<body onload="function()">, document.onreadystatechange, httpRequest.onreadystatechang
- window.onload,body onload和document.onreadystatechange
- window.onload,<body onload="function()">, document.onreadystatechange, httpRequest.onreadystatechang
- window.onload,<body onload="function()">, document.onreadystatechange, httpRequest.onreadystatechang
- script.onload=script.onreadystatechange=function()的作用
- 加载顺序 ready onload onreadystatechange
- window.onload,<body onload="function()">, document.onreadystatechange, httpRequest.onreadystatechang
- 仅IE9/10同时支持script元素的onload和onreadystatechange事件分析
- <script>标签的onload和onreadystatechange事件以及defer属性
- js onreadystatechange (转)
- 关于js中的onreadystatechange学习笔记
- window.onload,&lt;body onload=&quot;function()&quot;&gt;, document.onreadystatechange, httpRequest.onreadystatechang