`
ldzyz007
  • 浏览: 715162 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

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

    博客分类:
  • web
XML 
阅读更多
传回XML 文件资料的目前状况。  
基本语法
intState = xmlDocument.readyState;
 
说 明

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

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

<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>
分享到:
评论

相关推荐

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

    判断 iframe 是否加载完成是一个重要的步骤,在我们的开发中,我们可以使用以上三种方法来判断 iframe 是否加载完成。其中,方法一和方法二都是通用的方法,可以在多数浏览器中使用,而方法三则是 IE 浏览器特有的...

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

    在JavaScript中,可以通过监听document对象的readyState属性变化来判断页面是否加载完毕。readyState属性用于描述当前文档的加载状态,有以下几种值: - loading:页面正在加载中。 - interactive:页面已经完成DOM...

    javascript经典特效---打开页面的等待(三).rar

    - `document.readyState`:可以使用`'loading'`、`'interactive'`和`'complete'`三个状态来判断页面的加载进度。在状态变为`'interactive'`时,DOM已经构建完成,可以显示等待效果;在状态变为`'complete'`时,页面...

    C#判断webbrowser页面最终加载完成

    综上所述,要判断WebBrowser控件的页面是否最终加载完成,通常需要结合多种策略,例如监听`DocumentCompleted`事件,检查`ReadyState`,监控`ProgressChanged`,以及可能的话,利用JavaScript交互。根据具体的应用...

    动态加载JavaScript文件的两种方法_.docx

    在IE中,通常使用`onreadystatechange`检查`readyState`是否为'complete',而其他现代浏览器如Firefox、Chrome和Opera则支持`onload`事件。为了兼容性,通常将这两个事件合并处理,如上例所示。 ### 安全性考虑 ...

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

    this.readyState || this.readyState === 'loaded' || this.readyState === 'complete') { func(); script.onload = script.onreadystatechange = null; } }; head.insertBefore(script, 0); } window.baidu...

    js加载检测

    除了直接监听脚本对象的加载事件外,还可以通过监听`document.readyState`来判断整个文档是否加载完成。 ```javascript document.onreadystatechange = function subSomething() { if (document.readyState === ...

    判断iframe是否加载完成的完美方法

    代码如下:var iframe = document.createElement(“iframe”);... if (!... } else { iframe.onreadystatechange = function(){ if (iframe.readyState == “complete”){ alert(“Local iframe is now

    用js判断页面是否加载完成实现代码

    总的来说,通过监听document.onreadystatechange事件和判断document.readyState的值,开发者可以实现对页面加载状态的精细控制,从而根据页面是否加载完成来决定执行哪些操作。这对于提升用户体验和确保应用的正确...

    基于JS判断iframe是否加载成功的方法(多种浏览器)

    总的来说,判断`iframe`是否加载成功的关键在于使用`onreadystatechange`(IE)和`onload`(非IE)事件,并结合`readyState`属性(IE)来确定加载状态。正确地设置和移除事件处理函数,可以在`iframe`加载完成后执行...

    ajax进度条,ajax进度条

    它允许网页在不重新加载整个页面的情况下与服务器交换数据并更新部分页面内容。本文将详细介绍如何使用AJAX技术实现一个动态的上传进度条功能。 #### 二、基础知识 在深入了解如何实现AJAX进度条之前,我们需要...

    JavaScript跨域总结与解决办法

    this.readyState || this.readyState === 'loaded' || this.readyState === 'complete') { // 在此处执行回调函数 js.onload = js.onreadystatechange = null; // 避免多次触发 } }; document.head.appendChild...

    jsp页面加载方法

    if(document.readyState=="complete"){ openTheIndexPage(); } ``` 方法2:使用body的onload事件 在方法2中,我们使用了body的onload事件来执行某个函数。这种方法可以实现jsp页面加载后执行某个函数...

    JS判断图片是否加载完成方法汇总(最新版)

    本文将介绍四种常用的方法来判断图片是否加载完成。 1. **load事件** load事件是JavaScript中最直接的方式,当图片加载完成后触发。例如: ```javascript var img = document.querySelector('img'); img.onload...

    c#获取网页截图

    if (myWebBrowser.ReadyState == WebBrowserReadyState.Complete) { Rectangle r = myWebBrowser.Document.Body.ScrollRectangle; myWebBrowser.Height = r.Height; myWebBrowser.Width = r.Width; bitMapPic ...

    JS判断iframe是否加载完成的方法

    总之,判断`iframe`是否加载完成是通过监听`readyState`或`onload`事件来实现的。了解并掌握这些技术,可以帮助你更有效地控制和管理页面中的`iframe`元素,提升用户体验。在实际项目中,你可能需要根据实际情况对...

    动态加载script文件的两种方法

    使用Ajax加载JavaScript文件的基本思路是通过XMLHttpRequest对象向服务器请求JavaScript代码,然后使用`eval()`函数执行获取到的代码。这种方式的优点是可以控制何时执行脚本,但存在安全风险,因为`eval()`会执行...

    JS实现判断图片是否加载完成的方法分析

    这篇文章将介绍几种常见的JS实现判断图片是否加载完成的方法,这些方法有助于优化用户体验,特别是对于那些依赖大量图片的网页。 1. **onload事件** `onload`事件是在元素(如`&lt;img&gt;`)的资源加载完成后触发的。...

    无阻塞加载js,防止因js加载不了影响页面显示的问题

    在其他现代浏览器中,比如Chrome和Firefox,由于不支持readyState属性,我们可以通过onload事件来判断script元素何时加载完成。代码示例如下: ``` script.onload = function() { callback(); }; ``` 为了简化动态...

Global site tag (gtag.js) - Google Analytics