document.readyState几种状态及示例
说 明
这个属性是只读的,传回值有以下的可能:
0-UNINITIALIZED:XML 对象被产生,但没有任何文件被加载。
1-LOADING:加载程序进行中,但文件尚未开始解析。
2-LOADED:部分的文件已经加载且进行解析,但对象模型尚未生效。
3-INTERACTIVE:仅对已加载的部分文件有效,在此情况下,对象模型是有效但只读的。
4-COMPLETED:文件已完全加载,代表加载成功。
范 例
alert("The readyState property is " + xmlDoc.readyState);
<
script language
=
"
javascript
"
>
if
(document.readyState
==
"
complete
"
)
{
AdjustImageSize();
}
else
{
document.onreadystatechange
=
function
()
{
if
(document.readyState
==
"
complete
"
)
{
AdjustImageSize();
}
}
}
function
AdjustImageSize()
{
var
imageWidth
=
document.all[
"
SendPic
"
].width;
var
imageHeight
=
document.all[
"
SendPic
"
].height;
if
(imageWidth
==
0
&&
imageHeight
==
0
)
{
document.write (
"
图片下载失败,请刷新!
"
);
return
;
}
if
(imageWidth
>
160
||
imageHeight
>
160
)
{
if
(imageWidth
>
imageHeight)
{
k
=
160
/
imageWidth;
imageHeight
=
imageHeight
*
k;
imageWidth
=
160
;
}
else
{
k
=
160
/
imageHeight;
imageWidth
=
imageWidth
*
k;
imageHeight
=
160
;
}
document.all[
"
ImgResized
"
].value
=
"
1
"
;
}
document.all[
"
SendPic
"
].width
=
imageWidth;
document.all[
"
SendPic
"
].height
=
imageHeight;
document.all[
"
ImgWidth
"
].value
=
imageWidth;
document.all[
"
ImgHeight
"
].value
=
imageHeight;
}
</
script
>
转自http://blog.csdn.net/gaoyusi4964238/article/details/4378510
http://hmilyner.blog.sohu.com/156903987.html
http://www.cnblogs.com/lhb25/archive/2009/07/30/1535420.html
用 document.readyState == "complete" 判断页面是否加载完成
传回XML 文件资料的目前状况。
基本语法
intState = xmlDocument.readyState;
说 明
这个属性是只读的,传回值有以下的可能:
0-UNINITIALIZED:XML 对象被产生,但没有任何文件被加载。
1-LOADING:加载程序进行中,但文件尚未开始解析。
2-LOADED:部分的文件已经加载且进行解析,但对象模型尚未生效。
3-INTERACTIVE:仅对已加载的部分文件有效,在此情况下,对象模型是有效但只读的。
4-COMPLETED:文件已完全加载,代表加载成功。
范 例
alert("The readyState property is " + xmlDoc.readyState);
发表评论
-
[转:]jQuery焦点中国地图
2013-04-17 11:05 1670转自:http://xiaoyaosr.blog.51cto ... -
一个轻量级的网页遮罩层jQuery插件
2012-11-14 17:48 6365一个轻量级的网页遮罩层jQuery插件 分 ... -
通过Spring Mail Api发送邮件
2012-11-14 17:47 1435通过Spring Mail Api发送邮件 ... -
jquery.validate
2012-11-09 16:51 1062jquery.validate 需要JQuery ... -
Hibernate commit() 和flush() 的区别(转)
2012-09-28 09:46 2625Hibernate commit() 和flush( ... -
maven3.0.2下settings.xml配置下(转)
2012-09-25 19:14 5928maven3.0.2下settings.xml配置下 ... -
hibernate中Qurey类的setDate方法自动截掉时分秒——setDate和setTimeStamp(转)
2012-09-03 10:30 3062原帖地址:http://www.iteye.com/to ... -
Maven3.0.3的环境变量配置
2012-07-19 11:22 3016转自http://hi.baidu.com/douxinchu ... -
转:org.apache.catalina.core.JreMemoryLeakPreventionListener解决办法
2012-07-18 15:38 5513转自:http://blog.csdn.net/ang ... -
eclipse中的java文件图标j成空心
2012-07-06 10:06 13530eclipse中的java文件图标j成空心 ... -
jQuery - Ajax - readyState获取请求操作的当前状态
2012-06-29 14:46 0jQuery - Ajax - readyState获取请求 ... -
Dom加载判断,兼容所有浏览器
2012-06-29 14:35 9176Dom加载判断,兼容所有浏览器 Dom 加载完毕,兼容 ... -
DOM Ready 详解
2012-06-29 14:03 3081转自:http://www.cnblogs.com/zhang ... -
转】js实现另存为的方法
2012-06-29 13:42 2909转】js实现另存为的方法 本文转自http://www ... -
js添加和去除千分号
2012-06-22 11:41 2116利用js的replace方法和正则表达式实现 1 ... -
Hibernate的游离态与持久态转换(转)
2012-06-18 10:30 5203本文转自:http://blog.csdn.net/sdban ... -
maven继承parent,relativePath warn信息的解决办法
2012-06-11 17:12 25978转自:http://blog.sina.com.cn/s/bl ... -
使用Maven管理Eclipse Java项目
2012-06-11 17:10 1064转自:http://www.blogjava.net/lost ... -
The parent project must have a packaging type of POM
2012-06-11 17:09 25248The parent project must ha ... -
(转)利用eclipse构建和部署maven工程
2012-05-31 12:44 2342本文转自http://ll-feng.iteye.c ...
相关推荐
接下来,我们将详细介绍几种常见的前端跨域解决方案: 1. **`document.domain` + iframe(仅限主域相同的情况)** 当两个页面的主域相同但子域不同时,可以通过设置`document.domain`来实现跨域访问。例如,在`...
6. **页面加载状态**:`window.onload` 和 `document.readyState` 可以用来检测页面是否已经完全加载。`onload`事件在所有资源(图片、脚本等)都加载完成后触发,而`document.readyState`可以实时反映文档加载的...
readyState属性用于描述当前文档的加载状态,有以下几种值: - loading:页面正在加载中。 - interactive:页面已经完成DOM解析,但子资源仍在加载。 - complete:页面及其所有资源都已加载完成。 开发者可以通过...
文档状态属性`document.readyState`可以返回当前文档的状态,有以下几种状态值: - `uninitialized`:还未开始加载; - `loading`:加载中; - `interactive`:已加载,文档与用户可以开始交互; - `complete`:加载...
本文将介绍几种判断 iframe 是否加载完成的方法。 方法一:使用 onload 事件 在 HTML 中,iframe 元素支持 onload 事件,该事件在 iframe 加载完成后触发。我们可以使用该事件来判断 iframe 是否加载完成。下面是...
**Ajax(Asynchronous JavaScript and XML)**是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新。这种技术可以让网页更加互动、响应更快...
- 监听`onreadystatechange`事件,根据`readyState`和`status`判断请求状态,并处理响应数据。 Ajax可以结合其他技术,如jQuery库或现代浏览器提供的Fetch API,来简化代码和提高兼容性。jQuery的`$.ajax`或`$.get...
在网页开发中,Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许页面在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。这个特性极大地提升了用户体验,因为用户无需等待...
它不是一种新技术,而是以下几种技术的组合应用:基于web标准(standards-based presentation)XHTML+CSS的表示;使用DOM(Document Object Model)进行动态显示及交互;使用XML和XSLT进行数据交换及相关操作;使用...
**Ajax(Asynchronous JavaScript and XML)技术是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新,提升了用户体验。Ajax的核心是...
`XMLHttpRequest` 是一种用于与服务器交互的技术,它可以不重新加载整个网页的情况下更新数据。这使得网站能够提供更加流畅的用户体验。 **创建 `XMLHttpRequest` 对象** ```javascript var xhr; if (window....
在IT领域,DOM(Document Object Model)是一种标准的表示XML和HTML文档的树形结构,它允许程序和脚本动态更新、添加、删除以及修改文档的内容和结构。本主题聚焦于如何利用DOM操作XML文档并将数据插入到HTML表格中...
在IT行业中,Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。通过创建后台与服务器端的异步通信,它实现了页面的动态交互,提升了用户体验。本教程聚焦于如何...
**Ajax(Asynchronous JavaScript and XML)**是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新。这一技术的核心在于JavaScript,XML则...
Ajax主要由以下几种关键技术组成: 1. **JavaScript**:用于处理客户端逻辑。 2. **DOM(Document Object Model)**:提供了对文档结构的访问方式,使得JavaScript能够动态地修改页面内容。 3. **CSS(Cascading ...
Ajax(Asynchronous JavaScript and XML,异步JavaScript和XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。Ajax的核心是XMLHttpRequest对象,它在Internet Explorer 5中首次被引入,并逐渐成为...
1. **WebSocket**: WebSocket是一种在客户端和服务器之间建立长连接的协议,适合实时通信。Node.js有许多WebSocket库,如`ws`,我们可以使用这个库来创建WebSocket服务器,处理客户端的连接、发送和接收消息。 2. *...
if (xhr.readyState == 4 && xhr.status == 200) { // 当请求完成且状态码为200时 console.log(xhr.responseText); // 输出服务器返回的数据 } }; xhr.send(null); // 发送请求 ``` ##### 2. 处理响应结果 处理...
document.getElementById('hiddenFrame').contentWindow.document.forms[0].submit(); } ``` 总结,从JSP和JavaScript向Servlet提交数据有多种方式,每种都有其适用场景。理解这些方法,可以帮助开发者根据需求...
本文将详细介绍两个页面之间的传值方法,包括常见的几种传值方式及其应用场景,并通过具体示例进行说明,帮助读者更好地理解和掌握这一核心技能。 ### 一、URL参数传值 #### 1.1 基本原理 URL参数传值是最为直接的...