用 document.readyState == "complete" 判断页面是否加载完成

简介: 传回XML 文件资料的目前状况。   基本语法 intState = xmlDocument.readyState; 说 明 这个属性是只读的,传回值有以下的可能: 0-UNINITIALIZED:XML 对象被产生,但没有任何文件被加载。

传回XML 文件资料的目前状况。  
基本语法
intState = xmlDocument.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 >

相关文章
|
7月前
|
JavaScript 前端开发
load、$(document).ready、DOMContentLoaded的区别
load、$(document).ready、DOMContentLoaded的区别
115 3
|
8月前
|
JavaScript 前端开发
$(document).ready()方法和window.onload有什么区别?
$(document).ready()方法和window.onload有什么区别?
55 0
|
8月前
|
JavaScript 前端开发 UED
深入理解 Document Load 和 Document Ready 的区别
深入理解 Document Load 和 Document Ready 的区别
115 0
报错:loaderContext.getResolve is not a function
报错:loaderContext.getResolve is not a function
149 0
|
Web App开发 JavaScript
$(...).find is not a function
$(...).find is not a function
215 0
|
资源调度 小程序
03导航链接的制作(wx:for循环)和小程序警告request fail url not in domain list
03导航链接的制作(wx:for循环)和小程序警告request fail url not in domain list
|
JavaScript 前端开发
JavaScript event.preventDefault和return false
JavaScript event.preventDefault和return false
130 0
|
JavaScript
JS function document.onclick(){}报错Syntax error on token "function", delete this token - CSDN博客
原文:JS function document.onclick(){}报错Syntax error on token "function", delete this token - CSDN博客 JS function document.
1952 0