readyState loaded complete ie firefox onload onreadystatechange

最新推荐文章于 2021-06-05 08:52:28 发布
原创 最新推荐文章于 2021-06-05 08:52:28 发布 · 179 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#IE #Firefox #jQuery #浏览器 #ViewUI

本文介绍了一种使用jQuery解决不同浏览器中script标签加载兼容性问题的方法。通过检测浏览器是否支持onreadystatechange或onload事件来确定加载状态，确保在IE和Firefox等浏览器上的正确执行。

ie 上支持 onreadystatechange , 不支持 onload

firefox上支持 onload , 不支持onreadystatechange

所以jquery里面的解决方案如下

 

 var done = false;

 script.onload = script.onreadystatechange = function() {

     if(!done && (!this.readyState  || this.readyState == 'loaded' || this.readyState == 'complete')) {

            done = true;   

            callback();

     }

 };

 

 

其中 ff onload上面没有readyState 这个值，所以用了 !this.readyState

 

ie上面不一定loaded 或者是 complete触发 ， 或者两个都会触发，所以用一个变量进行了标记。

 

 

这样就兼容了浏览器上插入script标签的问题。

比onload更快的DOMContentLoaded,readystatechange,doscroll的DOM加载事件
qq814374557的博客
07-18 2030
比onload更快的DOMContentLoaded,readystatechange,doscroll的DOM加载事件 有时候在想，onload是等所有元素加载完以后再执行，但是有时候我们并不想等待这么久才执行，可能有些业务需要在DOM元素加载完成以后马上就要执行。这个时候，就需要比onload更快的事件函数了，那就是DOMContentLoaded，readystatechange，还有do
script 元素onreadystatechange事件onload事件
C#
08-03 4246
<br />有时候我们需要在引用JS完成之后立即执行某些函数或者代码,我们可以通过onreadystatechange或者onload事件来完成<br /><br />FireFox的script 元素不支持onreadystatechange事件，只支持onload事件<br />IE的 script 元素支持onreadystatechange事件，不支持onload事件。<br />如果要在一个<script src="xx.js"> 加载完成执行一个操作，ff使用onload事件就行了，IE下则要结
readyState五种状态详解
deng131的专栏
07-24 953
(0) UNINITIALIZED 未初始化 The object has been created but not initialized. (The open method has not been called.) （XMLHttpRequest）对象已经创建，但尚未初始化（还没有调用open方法）。 (1) LOADING 载入 The object has been create...
动态加载js,并执行回调函数
07-11 2905
关于在javascript里面加载其它的js文件的问题可能很多人都遇到过，但很多朋友可能并不知道怎么判断我们要加载的js文件是否加载完成，如果没有加载完成我们就调用文件里面的函数是不会成功的。本文讲解怎么在js中加载其它js文件并在加载完成后执行回调函数。 我们可以动态的创建 元素，然后通过更改它的 src 属性来加载脚本，但是怎么知道这个脚本文件加载完成了呢，因为我们有些函数需要在脚本加
html动态元素加载完毕事件,JS监听元素的加载完成/失败事件
weixin_33740988的博客
06-05 4611
〇、适用场景在前端开发中，为了优化用户体验，我们经常有等背景图完成之后显示内容、加个遮罩等待页面加载完成之后消失等需求。本文以下述的特殊情况(监听 background-image 的加载)为主，当然也通用于各种需要监听加载完成、失败事件的场景。特例—— background-image 的特殊处理由于 css 中的 background-image 会在 DOM 加载完成之后，再进行加载，所以我...
高性能JavaScript(一)加载与执行
csc_cary的博客
01-28 275
脚本阻塞 JavaScript语言是单线程的，意味着同一时间只能做一件事。     其主要原因是因为JavaScript作为浏览器脚本语言，它的主要功能是与使用者互动以及操作DOM元素。如果JavaScript采用多线程就会出现一个很严重的问题，假设有两个线程同时运行，一个线程在删除DOM元素，而另一个线程在添加DOM元素，此时浏览器该以哪一个线程为主？     这就意味着每当有< script>标签出现时，就会让页面等待脚本文件的加载和执行，无论< script>是内嵌或外链形式，
仅IE9/10同时支持script元素的onload和onreadystatechange事件分析
10-28
因此，很长一段时间内，开发者需要对IE浏览器使用onreadystatechange事件，而对于Firefox、Safari、Chrome、Opera等其他浏览器则使用onload事件。 然而，随着IE9的发布，微软引入了对script元素onload事件的支持。...
IE iframe的onload方法分析小结
09-05
在非IE浏览器（如Firefox、Chrome等）中，我们可以直接使用`<iframe>`的`onload`事件进行绑定，例如： ```javascript var iframe = document.createElement("iframe"); iframe.src = "http://example.com"; iframe....
IE8中动态创建script标签onload无效的解决方法
09-04
为了在IE8中实现类似`onload`的效果，我们可以改用`readystatechange`事件，并检查`readyState`属性是否为'loaded'或'complete'。以下是修改后的`loadJs`函数： ```javascript var loadJs = function(src, fun) { ...
selenium self.driver.execute_script("return document.readyState") == "complete"
最新发布
09-12
if(script.readyState=='loaded' || script.readyState == 'complete'){ script.onreadystatechange = null; callback(); }; }; }else{ // 其他浏览器 script.onload = function () { callback(); ...
JavaScript 的性能优化：加载和执行
08-10 100
随着 Web2.0 技术的不断推广，越来越多的应用使用 javascript 技术在客户端进行处理，从而使 JavaScript 在浏览器中的性能成为开发者所面临的最重要的可用性问题。而这个问题又因 JavaScript 的阻塞特性变的复杂，也就是说当浏览器在执行 JavaScript 代码时，不能同时做其他任何事情。本文详细介绍了如何正确的加载和执行 JavaScript 代码，从而提...
用 document.readyState == "complete" 判断页面是否加载完成
IT技术大沙龙
10-15 4634
1/传回XML 文件资料的目前状况。 　 基本语法 intState ＝ xmlDocument.readyState; 2、说 明 这个属性是只读的，传回值有以下的可能： 0-UNINITIALIZED：XML 对象被产生，但没有任何文件被加载。 1-LOADING：加载程序进行中，但文件尚未开始解析。 2-LOADED：部分的文件已经加载且进行解析，但对
页面加载readyState的五种状态
Lv Zejiang
11-09 890
JavaScript页面加载readyState的五种状态 0: (Uninitialized) the send( ) method has not yet been invoked. 1: (Loading) the send( ) method has been invoked, request in progress. 2: (Loaded) the send( ) method has completed, entire response received. 3: (Interactive) th
判断图片是否加载完成的三种方式
热门推荐
zhuchunyan_aijia的博客
07-24 4万+
有时需要获取图片的尺寸，这需要在图片加载完成以后才可以。有三种方式实现，下面一一介绍。 一、load事件     "utf-8">     img - load event     "img1" src="http://pic1.win4000.com/wallpaper/f/51c3bb99a21ea.jpg">     "p1">l
readyState的五种状态
Steven.Leong的专栏
02-12 2205
对于readyState的五种状态的描述或者说定义，很多Ajax书（英文原版）中大都语焉不详在《Pragmatic Ajax A Web 2.0 Primer 》中偶然看到对readyStae状态的介绍，感觉这个介绍很实在……比较理想的解释方法应该以“状态：任务（目标）+过程+表现（或特征）”的表达模式来对这几个状态进行定义【全文】在《Pragmatic Ajax A Web 2.0 Prim
ajax readyState的五种状态详解
11-15 391
<br />0 － （未初始化）还没有调用send()方法 1 － （载入）已调用send()方法，正在发送请求 2 － （载入完成）send()方法执行完成，已经接收到全部响应内容 3 － （交互）正在解析响应内容 4 － （完成）响应内容解析完成，可以在客户端调用了在《Pragmatic Ajax A Web 2.0 Primer 》中对readyStae状态的介绍，摘译如下： <br />0: (Uninitialized) the send( ) method has not yet been in
img标签加载失败方法(onerror)、加载成功(onload)的方法、readystatechange事件、complete属性
yiyueqinghui的博客
05-20 1万+
1、error事件（img标签加载失败的方法） < img src=“123” :οnerrοr=“defaultImg()” /> function defaultImg(){ //地址错误时，直接删除img标签 this.remove() } 或者 function defaultImg(event){ //地址错误时，设置默认图片 let img = event.srcElement; img.src = ‘默认图片地址’; img.onerror
js中常用方法以及document.readyState 判断页面是否加载完成 complete和interactive
yansong_8686的专栏
05-16 1万+
传回XML 文件资料的目前状况。 　 基本语法 intState ＝ xmlDocument.readyState; 　 说 明 这个属性是只读的，传回值有以下的可能： 0-UNINITIALIZED：XML 对象被产生，但没有任何文件被加载。 1-LOADING：加载程序进行中，但文件尚未开始解析。 2-LOADED：部分的文件已经加载且进行解析，但对象模型尚未生效。 3-INTERACTIVE
两种动态加载JavaScript文件的方法
weixin_30537451的博客
03-19 142
两种动态加载JavaScript文件的方法 第一种便是利用ajax方式，第二种是，动静创建一个script标签，配置其src属性，经过把script标签拔出到页面head来加载js，感乐趣的网友可以看下 动态加载script到页面大约有俩方法 第一种便是利用ajax方式，把script文件代码从背景加载到前台，而后对加载到的内容经过eval()实施代码。第二种是，动静创建一个s...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值