`

document.readyState几种状态及示例

 
阅读更多

 

  document.readyState几种状态及示例

说 明 

这个属性是只读的,传回值有以下的可能: 

0-UNINITIALIZED:XML 对象被产生,但没有任何文件被加载。 
1-LOADING:加载程序进行中,但文件尚未开始解析。 
2-LOADED:部分的文件已经加载且进行解析,但对象模型尚未生效。 
3-INTERACTIVE:仅对已加载的部分文件有效,在此情况下,对象模型是有效但只读的。 
4-COMPLETED:文件已完全加载,代表加载成功。 
  
  
范 例 
alert("The readyState property is " + xmlDoc.readyState); 


document.readyState几种状态及示例 - gaoyusi - My code life< script language = " javascript " >
document.readyState几种状态及示例 - gaoyusi - My code life
document.readyState几种状态及示例 - gaoyusi - My code life
if  (document.readyState == " complete " )
document.readyState几种状态及示例 - gaoyusi - My code life
{
document.readyState几种状态及示例 - gaoyusi - My code life         AdjustImageSize();
document.readyState几种状态及示例 - gaoyusi - My code life }

document.readyState几种状态及示例 - gaoyusi - My code life
else
document.readyState几种状态及示例 - gaoyusi - My code life
{
document.readyState几种状态及示例 - gaoyusi - My code life         document.onreadystatechange 
=   function ()
document.readyState几种状态及示例 - gaoyusi - My code life         
{
document.readyState几种状态及示例 - gaoyusi - My code life            
document.readyState几种状态及示例 - gaoyusi - My code life                 
if  (document.readyState  ==   " complete " )
document.readyState几种状态及示例 - gaoyusi - My code life                 
{
document.readyState几种状态及示例 - gaoyusi - My code life                         AdjustImageSize();
document.readyState几种状态及示例 - gaoyusi - My code life                 }

document.readyState几种状态及示例 - gaoyusi - My code life         }

document.readyState几种状态及示例 - gaoyusi - My code life }

document.readyState几种状态及示例 - gaoyusi - My code life
document.readyState几种状态及示例 - gaoyusi - My code life
function  AdjustImageSize()
document.readyState几种状态及示例 - gaoyusi - My code life
{
document.readyState几种状态及示例 - gaoyusi - My code life         
var  imageWidth  =  document.all[ " SendPic " ].width;
document.readyState几种状态及示例 - gaoyusi - My code life         
var  imageHeight  =  document.all[ " SendPic " ].height;
document.readyState几种状态及示例 - gaoyusi - My code life         
document.readyState几种状态及示例 - gaoyusi - My code life         
if  (imageWidth  ==   0   &&  imageHeight  ==   0 )
document.readyState几种状态及示例 - gaoyusi - My code life         
{
document.readyState几种状态及示例 - gaoyusi - My code life                 document.write (
" 图片下载失败,请刷新! " );
document.readyState几种状态及示例 - gaoyusi - My code life                 
return ;
document.readyState几种状态及示例 - gaoyusi - My code life         }

document.readyState几种状态及示例 - gaoyusi - My code life         
document.readyState几种状态及示例 - gaoyusi - My code life         
if  (imageWidth  >   160   ||  imageHeight  >   160 )
document.readyState几种状态及示例 - gaoyusi - My code life         
{
document.readyState几种状态及示例 - gaoyusi - My code life                 
if  (imageWidth  >  imageHeight)
document.readyState几种状态及示例 - gaoyusi - My code life                 
{
document.readyState几种状态及示例 - gaoyusi - My code life                         k 
=   160   /  imageWidth;
document.readyState几种状态及示例 - gaoyusi - My code life                         imageHeight 
=  imageHeight  *  k;
document.readyState几种状态及示例 - gaoyusi - My code life                         imageWidth 
=   160 ;
document.readyState几种状态及示例 - gaoyusi - My code life                 }

document.readyState几种状态及示例 - gaoyusi - My code life                 
else
document.readyState几种状态及示例 - gaoyusi - My code life                 
{
document.readyState几种状态及示例 - gaoyusi - My code life                         k 
=   160   /  imageHeight;
document.readyState几种状态及示例 - gaoyusi - My code life                         imageWidth 
=  imageWidth  *  k;
document.readyState几种状态及示例 - gaoyusi - My code life                         imageHeight 
=   160 ;
document.readyState几种状态及示例 - gaoyusi - My code life                 }

document.readyState几种状态及示例 - gaoyusi - My code life                 
document.readyState几种状态及示例 - gaoyusi - My code life                 document.all[
" ImgResized " ].value  =   " 1 " ;
document.readyState几种状态及示例 - gaoyusi - My code life         }

document.readyState几种状态及示例 - gaoyusi - My code life         
document.readyState几种状态及示例 - gaoyusi - My code life         document.all[
" SendPic " ].width  =  imageWidth;
document.readyState几种状态及示例 - gaoyusi - My code life         document.all[
" SendPic " ].height  =  imageHeight;
document.readyState几种状态及示例 - gaoyusi - My code life         
document.readyState几种状态及示例 - gaoyusi - My code life         document.all[
" ImgWidth " ].value  =  imageWidth;
document.readyState几种状态及示例 - gaoyusi - My code life         document.all[
" ImgHeight " ].value  =  imageHeight;
document.readyState几种状态及示例 - gaoyusi - My code life }

document.readyState几种状态及示例 - gaoyusi - My code life
</ 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);

分享到:
评论

相关推荐

    前端解决跨域问题的8种方案.docx

    接下来,我们将详细介绍几种常见的前端跨域解决方案: 1. **`document.domain` + iframe(仅限主域相同的情况)** 当两个页面的主域相同但子域不同时,可以通过设置`document.domain`来实现跨域访问。例如,在`...

    javascript经典特效---显示页面窗口参数.rar

    6. **页面加载状态**:`window.onload` 和 `document.readyState` 可以用来检测页面是否已经完全加载。`onload`事件在所有资源(图片、脚本等)都加载完成后触发,而`document.readyState`可以实时反映文档加载的...

    javascript页面加载完执行事件代码

    readyState属性用于描述当前文档的加载状态,有以下几种值: - loading:页面正在加载中。 - interactive:页面已经完成DOM解析,但子资源仍在加载。 - complete:页面及其所有资源都已加载完成。 开发者可以通过...

    基于javascript原生判断DOM是否加载完毕

    文档状态属性`document.readyState`可以返回当前文档的状态,有以下几种状态值: - `uninitialized`:还未开始加载; - `loading`:加载中; - `interactive`:已加载,文档与用户可以开始交互; - `complete`:加载...

    js下判断 iframe 是否加载完成的完美方法.docx

    本文将介绍几种判断 iframe 是否加载完成的方法。 方法一:使用 onload 事件 在 HTML 中,iframe 元素支持 onload 事件,该事件在 iframe 加载完成后触发。我们可以使用该事件来判断 iframe 是否加载完成。下面是...

    ajax 简单示例

    **Ajax(Asynchronous JavaScript and XML)**是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新。这种技术可以让网页更加互动、响应更快...

    ajax示例 原代码

    - 监听`onreadystatechange`事件,根据`readyState`和`status`判断请求状态,并处理响应数据。 Ajax可以结合其他技术,如jQuery库或现代浏览器提供的Fetch API,来简化代码和提高兼容性。jQuery的`$.ajax`或`$.get...

    简单的ajax代码,实现无刷功能

    在网页开发中,Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许页面在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。这个特性极大地提升了用户体验,因为用户无需等待...

    AJAX快速入门与常用使用方法

    它不是一种新技术,而是以下几种技术的组合应用:基于web标准(standards-based presentation)XHTML+CSS的表示;使用DOM(Document Object Model)进行动态显示及交互;使用XML和XSLT进行数据交换及相关操作;使用...

    ajax ajax原理 ajax代码 ajax编程 ajax学习

    **Ajax(Asynchronous JavaScript and XML)技术是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新,提升了用户体验。Ajax的核心是...

    【JavaScript源代码】JavaScript实现异步获取表单数据.docx

    `XMLHttpRequest` 是一种用于与服务器交互的技术,它可以不重新加载整个网页的情况下更新数据。这使得网站能够提供更加流畅的用户体验。 **创建 `XMLHttpRequest` 对象** ```javascript var xhr; if (window....

    DOM操作XML文档向表格添加数据.rar

    在IT领域,DOM(Document Object Model)是一种标准的表示XML和HTML文档的树形结构,它允许程序和脚本动态更新、添加、删除以及修改文档的内容和结构。本主题聚焦于如何利用DOM操作XML文档并将数据插入到HTML表格中...

    用ajax写入数据库

    在IT行业中,Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。通过创建后台与服务器端的异步通信,它实现了页面的动态交互,提升了用户体验。本教程聚焦于如何...

    Ajax

    **Ajax(Asynchronous JavaScript and XML)**是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新。这一技术的核心在于JavaScript,XML则...

    Ajax教程.txt

    Ajax主要由以下几种关键技术组成: 1. **JavaScript**:用于处理客户端逻辑。 2. **DOM(Document Object Model)**:提供了对文档结构的访问方式,使得JavaScript能够动态地修改页面内容。 3. **CSS(Cascading ...

    Ajax和XMLHttp原理

    Ajax(Asynchronous JavaScript and XML,异步JavaScript和XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。Ajax的核心是XMLHttpRequest对象,它在Internet Explorer 5中首次被引入,并逐渐成为...

    Node.js实现聊天室功能

    1. **WebSocket**: WebSocket是一种在客户端和服务器之间建立长连接的协议,适合实时通信。Node.js有许多WebSocket库,如`ws`,我们可以使用这个库来创建WebSocket服务器,处理客户端的连接、发送和接收消息。 2. *...

    XMLHttpRequest对象的介绍和实现

    if (xhr.readyState == 4 && xhr.status == 200) { // 当请求完成且状态码为200时 console.log(xhr.responseText); // 输出服务器返回的数据 } }; xhr.send(null); // 发送请求 ``` ##### 2. 处理响应结果 处理...

    jsp与JavaScript提交至servlet的几种方式

    document.getElementById('hiddenFrame').contentWindow.document.forms[0].submit(); } ``` 总结,从JSP和JavaScript向Servlet提交数据有多种方式,每种都有其适用场景。理解这些方法,可以帮助开发者根据需求...

    两个页面之间的传值方法

    本文将详细介绍两个页面之间的传值方法,包括常见的几种传值方式及其应用场景,并通过具体示例进行说明,帮助读者更好地理解和掌握这一核心技能。 ### 一、URL参数传值 #### 1.1 基本原理 URL参数传值是最为直接的...

Global site tag (gtag.js) - Google Analytics