有时候我们需要在引用完成之后立即执行某些函数或者代码,我们可以通过onreadystatechange或者onload事件来完成 FireFox的script 元素不支持onreadystatechange事件,只支持onload事件
IE的 script 元素支持onreadystatechange事件,不支持onload事件。
如果要在一个<script src="xx.js"> 加载完成执行一个操作,使用onload事件就行了,IE下则要结合onreadystatechange事件和this.readyState
<script type="text/javascript" src="xx.js" onreadstatechange="if(this.readyState==load) alert(loaded);"></script>
this.readyState的值为loaded或者complete都可以表示这个script已经加载完成.
如何结合IE和FF的区别?参考一下的源码:
1 var script = document.createElement(script);
1 var script = document.createElement(script);
3 script.onload = script.onreadystatechange =function(){
3 script.onload = script.onreadystatechange =function(){
4 if( !this.readyState//这是FF的判断语句,因为ff下没有readyState这人值,IE的readyState肯定有值
4 if( !this.readyState//这是FF的判断语句,因为ff下没有readyState这人值,IE的readyState肯定有值
5 ||this.readyState==loaded ||this.readyState==complete // 这是IE的判断语句
5 ||this.readyState==loaded ||this.readyState==complete // 这是IE的判断语句
1 var script = document.createElement(script); 2 script.src="xx.js"; 3 script.onload = script.onreadystatechange =function(){ 4 if( !this.readyState//这是FF的判断语句,因为ff下没有readyState这人值,IE的readyState肯定有值 5 ||this.readyState==loaded ||this.readyState==complete // 这是IE的判断语句 6 ){ 7 alert(loaded); 8 } 9 };
1 var script = document.createElement(script); 2 script.src="xx.js"; 3 script.onload = script.onreadystatechange =function(){ 4 if( !this.readyState//这是FF的判断语句,因为ff下没有readyState这人值,IE的readyState肯定有值 5 ||this.readyState==loaded ||this.readyState==complete // 这是IE的判断语句 6 ){ 7 alert(loaded); 8 } 9 };