`
zhouchaofei2010
  • 浏览: 1102881 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

js判断页面是否加载完毕

    博客分类:
  • js
 
阅读更多
 用 document.readyState == "complete" 判断页面是否加载完成。
document.onreadystatechange = function(){  
        if(document.readyState=="complete")  
        {  
        alert('加载完毕');
        }
}
var leftDocument=window.parent.frames("leftFrame").document;
				if(leftDocument.readyState == 'loaded' || leftDocument.readyState == 'complete') 
				{
					leftDocument.getElementById("notes").style.display = 'block';
					leftDocument.getElementById("others").style.display = 'none';
		        }
 

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

相关推荐

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

    3. **JavaScript交互**:如果页面允许,可以通过执行JavaScript代码来判断页面是否准备好。例如,可以编写一个JavaScript函数检查所有图片是否加载完成,或者等待特定的DOM元素出现。然后,使用WebBrowser的`...

    精确判断webbrowser是否加载完成demo(delphi)

    然而,如何准确判断WebBrowser组件是否已完全加载完毕,是许多开发者在实际应用中会遇到的一个问题。今天,我们将深入探讨这个问题,并提供一个解决方案。 首先,我们要理解WebBrowser组件的工作原理。它是基于...

    js实现页面加载完毕之前loading提示效果

    在本文中,我们将深入探讨如何使用JavaScript实现页面加载完毕之前的“loading”提示效果。这个效果可以在页面内容完全加载之前,向用户展示一个“页面加载中,请稍后...”的提示,以提升用户体验,避免用户在等待...

    JavaScript判断DOM何时加载完毕的技巧

    本文将介绍几种判断DOM加载完毕的技巧,以便开发人员能够在合适的时机执行JavaScript代码。 ### 理解浏览器的渲染和操作顺序 在了解如何判断DOM何时加载完毕之前,首先需要知道浏览器加载网页的一般顺序。通常,...

    JavaScript & jQuery完美判断图片是否加载完毕

    尤其是在使用JavaScript和jQuery动态加载图片时,若不能准确判断图片是否加载完成,可能会导致页面布局错误或JavaScript程序出错。因此,本文详细探讨了如何使用JavaScript和jQuery来判断图片是否已经成功加载。 ...

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

    readyState document.readyState 返回当前文档的状态,属性如下: uninitialized 还未开始加载 loading 加载中 ...根据执行时DOM是否已经装载完毕来决定是对回调函数进行同步调用还是异步调用。具体代码如下

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

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

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

    在其他非 IE 浏览器中,如 Firefox、Opera、Chrome 等,iframe 都会拥有一个 onload 事件,此事件只要触发就说名内容已经加载完毕。 因此,我们可以使用以下代码来判断 iframe 是否加载成功: if (iframe....

    判断iframe里的页面是否加载完成

    然而,为了实现更复杂的交互功能,如在父页面与`iframe`页面之间进行通信或者在`iframe`加载完成后执行某些操作,我们需要能够判断`iframe`内的页面是否已经完全加载。本文将详细介绍如何使用JavaScript来检测`...

    js判断图片加载完成后获取图片实际宽高的方法

    在这种情况下,可能需要采取其他策略来判断图片是否已经被缓存并决定如何处理。 以上就是使用JavaScript获取图片实际尺寸的基本方法和注意事项。通过理解这些知识点,我们可以在Web开发中更加灵活和准确地处理图片...

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

    在网页开发中,有时我们需要在页面中嵌入`iframe`以加载外部资源,例如广告、视频、地图等。为了确保后续操作能够正确执行,我们需要准确判断`iframe`是否已经加载完成。本文将详细介绍如何使用JavaScript在多种...

    JavaScript判断图片是否已经加载完毕的方法汇总

    在JavaScript中,判断图片是否已经加载完毕是网页动态加载和处理图片时常见的需求。这有助于确保图片完全显示或执行依赖于图片加载完成的其他操作。以下是一些常用的方法,适用于不同的浏览器环境: 1. **onload...

    Js判断CSS文件加载完毕的具体实现

    本文将详细讨论如何在JavaScript中判断CSS文件加载完毕,并提供具体的实现代码。 在IE6到IE9以及Opera浏览器中,我们可以利用`attachEvent`方法来监听CSS文件的`onload`事件。以下是一个简单的示例: ```...

    js 判断脚本加载完毕的代码

    ### JavaScript 判断脚本加载完毕的方法 在网页开发过程中,我们常常需要动态地加载外部JavaScript文件,例如jQuery库或其他自定义脚本。为了确保这些脚本加载完成后才执行某些操作,比如DOM操作或者事件绑定等,...

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

    当`readyState`属性的值变为"loaded"或"complete"时,表明`iframe`已经加载完毕。以下是一个示例代码: ```html &lt;script type="text/javascript"&gt; var isIE = /msie/i.test(navigator.userAgent) && !window....

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

    document.getElementById('p1').innerHTML = '加载完毕'; }); ``` 通过定时器不断检查`complete`属性,一旦变为`true`,就表示图片加载完成,然后可以执行回调函数并清除定时器。这种方法适用于所有支持`...

    js页面加载进度条

    同时,`document.readyState`属性也可以用来判断页面的加载状态,如"loading"、"interactive"和"complete"。 2. **CSS动画**:为了实现动态效果,CSS3的`@keyframes`规则可以定义动画的过程,通过改变特定时间点的...

Global site tag (gtag.js) - Google Analytics