document.onreadystatechange_js转json格式

document.onreadystatechange_js转json格式标准参考无。问题描述onreadystatechange事件通常用在基于XMLHttpRequest对象的AJAX应用中,当的该对象的loadstate改变时,会触发此事件。但在IE

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

标准参考

无。

问题描述

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

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

造成的影响

onreadystatechange 事件处理在各浏览器支持不一致,可能会导非预期结果。

受影响的浏览器

    

问题分析

onreadystatechange 事件是微软对 IE 浏览器的私有事件扩充,所有元素都存在 onreadystatechange 事件。

下列元素对象总可以触发此事件,因为他们均会加载数据:APPLET,DOCUMENT,FRAME,FRAMESET,IFRAME,IMG,LINK,OBJECT,SCRIPT 和 XML 元素。

其他元素对象仅当 DHTML Behavior 被追加后会触发 onreadystatechange 事件。

其具体信息可以参照 MSDN 说明:http://msdn.microsoft.com/en-us/library/ms536957(VS.85).aspx。

本文中将主要以 IMG、SCRIPT、LINK 这三个元素对象为例来检测浏览器对他们的 onreadystatechange 事件支持程度。

首先,分析以下代码,将 onreadystatechange 事件作为内联事件分别写于 IMG、SCRIPT 和 LINK 标记中:

<script> function OnStateChangeImage(image) {

document.getElementById (‘img-info’).innerHTML += ‘<br />readyState: ‘ + image.readyState;

}

function OnStateChangeScript(script) {

document.getElementById (‘script-info’).innerHTML += ‘<br />readyState: ‘ + script.readyState;

}

function OnStateChangeLink(link) {

document.getElementById (‘link-info’).innerHTML += ‘<br />readyState: ‘ + link.readyState;

} </script> <span id=”link-info” >The link is loading.</span><br /> <span id=”img-info” >The image is loading.</span><br /> <span id=”script-info”>The script is loading.</span><br /> <link rel=”stylesheet” type=”text/css” href=”http://www.cnblogs.com/http://www.cnblogs.com/http://www.cnblogs.com/css/article.css” onreadystatechange=”OnStateChangeLink(this)” /> <img src=”w3c.png” onreadystatechange=”OnStateChangeImage (this)” /> <script src=’http://code.jquery.com/jquery-1.4.js’ onreadystatechange=”OnStateChangeScript(this)”></script>

在各浏览器输出如下:

        

    The image is loading.

The image readyState: complete     The image is loading.

    The script is loading.

The script readyState: loading

The script readyState: loaded

The script readyState: complete     The scirpt is loading

    The link is loading.

The link readyState: complete     The link is loading

即:非 IE 浏览器均不支持触发 IMG、SCRIPT 和 LINK 标记的内联 onreadystatechange 事件。

让后,下面将分析动态创建的 IMG、SCRIPT 标记的在各浏览器中能否触发 onreadystatechange 事件:

function loadJS(url) { var domScript = document.createElement(‘script’); domScript.onreadystatechange = function() { var divElement = document.createElement(‘div’); divElement.appendChild(document.createTextNode(‘readyState:’+ domScript.readyState +’ 动态创建的 SCRIPT 标记可以触发 onreadystatechange 事件’)); document.body.appendChild(divElement); } domScript.src = url; document.getElementsByTagName(‘head’)[0].appendChild(domScript);} function loadIMG(url) { var domImage = document.createElement(‘img’); domImage.onreadystatechange = function() { var divElement = document.createElement(‘div’); divElement.appendChild(document.createTextNode(‘readyState:’+ domImage.readyState +’ 动态创建的 IMG 标记可以触发 onreadystatechange 事件’)); document.body.appendChild(divElement); } domImage.src = url; document.getElementsByTagName(‘head’)[0].appendChild(domImage);} function loadCSS(url) { var domLink = document.createElement(‘link’); domLink.onreadystatechange = function() { var divElement = document.createElement(‘div’); divElement.appendChild(document.createTextNode(‘readyState:’+ domLink.readyState +’ 动态创建的 LINK 标记可以触发 onreadystatechange 事件’)); document.body.appendChild(divElement); } domLink.rel = ‘stylesheet’; domLink.type = ‘text/css’; domLink.href = url; document.getElementsByTagName(‘head’)[0].appendChild(domLink);} window.onload=function (){ //执行动态加载外部 JS 文件 loadJS(‘http://code.jquery.com/jquery-1.4.js’); //执行动态加载图片文件 loadIMG(‘w3c.png’); //执行动态加载css文件 loadCSS(‘http://www.cnblogs.com/http://www.cnblogs.com/../css/article.css’);}

各浏览器输出如下:

            

    readyState:complete 动态创建的 IMG 标记可以触发 onreadystatechange 事件     readyState:undefined 动态创建的 IMG 标记可以触发 onreadystatechange 事件     无内容输出

    readyState:loading 动态创建的 SCRIPT 标记可以触发 onreadystatechange 事件

readyState:loaded 动态创建的 SCRIPT 标记可以触发 onreadystatechange 事件     readyState:loaded 动态创建的 Script 标记可以触发 onreadystatechange 事件     无内容输出

    readyState:complete 动态创建的 LINK 标记可以触发 onreadystatechange 事件     readyState:undefined 动态创建的 LINK 标记可以触发 onreadystatechange 事件     无内容输出

可见,此次测试中,除 IE 浏览器外,Opera 对于动态创建的 IMG、SCRIPT 和 LINK 标记也可以触发 onreadystatechange 事件,但他对不同元素加载过程中触发该事件的频率以及 readyState 状态值的支持细节又不同于 IE。

【注】:对于 MSDN 中其他标记或对象在非 IE 浏览器中支持 onreadystatechange 事件的情况,本文将不再一一验证,读者如有兴趣可以自行测试。

解决方案

在现行 W3C 标准规范中仅有 XmlHttpRequest 对象中存在 onreadystatechange 事件 ( 请参考 XMLHttpRequest 规范 )。

对于其他元素或对象请慎用 onreadystatechange 事件,因为他只有 IE 浏览器支持,而 Opera 浏览器则只是部分支持。

如果使用 onreadystatechange 是为了处理脚本加载(回调)的问题,请参考 BX9013: 动态引入的外部 JS 文件在各浏览器中的加载顺序不一致 一文“解决方案”中的内容。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/167569.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • PHP代码审计入门学习过程

    PHP代码审计入门学习过程PHP代码审计学习过程:花了两周的时间在B站上看完了一个老师讲的代码审计课程,主要是通过实战的方式对一个CMS系统里面的漏洞进行讲解,一步一步的审计找出漏洞,对新手来说确实困难,要上手的话还是自己找网上一些简单的CMS或是代码审计靶场来练手。代码审计入门确实挺难的,大部分原理都没有学会,后续也要继续加深学习。进行代码审计必须要关注:1.敏感的函数和变量2.跟踪敏感函数和关键字参数传递过程。3.查找可控变量,一步一步的跟踪变量测传递过程。4.寻找敏感功能点,对功能点进行审计PH.

  • 几种经典的下肢力量练习方式

    几种经典的下肢力量练习方式

  • 修给linux用户密码报错Authentication token manipulation error

    修给linux用户密码报错Authentication token manipulation error修给linux用户密码报错Authentication token manipulation error

  • python中cPickle用法「建议收藏」

    python中cPickle用法「建议收藏」在python中,一般可以使用pickle类来进行python对象的序列化,而cPickle提供了一个更快速简单的接口,如python文档所说的:“cPickle–Afasterpickle”。cPickle可以对任意一种类型的python对象进行序列化操作,比如list,dict,甚至是一个类的对象等。而所谓的序列化,我的粗浅的理解就是为了能够完整的保存并能够完全可逆的恢复。在cPi…

  • c语言爱心代码

    c语言爱心代码#include<stdio.h>intmain(){inti,j,k,l,m;charc=3;//ASCII码里面3就是一个字符小爱心for(i=1;i<=5;i++)printf(“\n”);//开头空出5行for(i=1;i<=3;i++){//前3行中间有空隙分开来写for(j=1;j<=32-2*i;j++)printf(“”);//左边的空格,每下一行左边的空格比上一行少2个//8*n.

  • 一、Linux下的SVN服务器搭建

    一、Linux下的SVN服务器搭建这里自己做个总结。环境:contos7,百度云服务下载svn服务器,必须是联网情况下。yum-yinstallsubversion查看下载后的信息,安装位置及详细信息。rpm-qlsubversion3.创建版本库目录,可以再chenjy目录上放置多个项目,不必为每个项目创建一个版本库。下面是我的版本库mkdir/opt/svn/svnrepos/ch…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号