`
wanxiaotao12
  • 浏览: 476356 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

使用 document.onreadystatechange()来判断页面加载完毕

 
阅读更多

使用 document.onreadystatechange()来判断,如果加载完,就执行一个操作。
function document.onreadystatechange()
{
if (document.readyState=="complete") {
//你要做的操作。
}
}
说明 :onreadystatechange 事件能辨识readyState 属性的改变。

分享到:
评论

相关推荐

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

    掌握页面加载完毕后执行JavaScript代码的方法对于开发者来说至关重要。本文将深入探讨如何在页面加载完成后执行特定的JavaScript事件代码,以及在实现此功能时需要注意的几个关键点。 首先,介绍页面加载状态的判断...

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

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

    JS判断页面加载状态以及添加遮罩和缓冲动画的代码

    在提供的代码片段中,开发者实现了判断页面加载状态,并在加载过程中添加了遮罩和缓冲动画的功能。下面是具体实现过程中涉及的知识点: 1. JavaScript文档对象模型(DOM)操作 JavaScript操作DOM,主要是通过访问...

    loading加载条

    例如,我们可以使用`window.onload`或`document.onreadystatechange`来判断页面何时完成加载,然后更新加载条的CSS属性,如宽度或填充度。 CSS在加载条的设计上起到关键作用,通过定义不同的样式来实现各种美观的...

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

    但是,`onreadystatechange`事件并不总是可靠的,因为它可能会在`iframe`的某些部分加载完成但全部内容尚未加载完毕时触发。因此,这种方法相比`onload`事件来说可能存在一些潜在问题。 ```javascript var iframe =...

    原生JS实现DOM加载完成马上执行JS代码的方法

    3. **document.onreadystatechange事件**:这是一个IE浏览器提供的事件,通过检查document.readyState属性,当页面状态变为'complete'时,表示DOM树已经完全加载完毕,可以在此事件触发时执行相关操作。Safari浏览器...

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

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

    怎么判断js脚本加载完成

    `onreadystatechange`事件会在脚本的加载状态改变时被触发,我们可以通过检查`readyState`属性来判断脚本是否加载完成。`readyState`有以下几个可能的值: 1. `loading` - 脚本正在加载。 2. `loaded` - 脚本已经...

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

    判断一个iframe是否加载完成是确保页面功能完整性和用户体验的关键步骤。这里我们将详细探讨两种方法来实现这一目标,并分析它们的优缺点。 首先,传统的做法是利用`onload`和`onreadystatechange`事件。这两种方法...

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

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

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

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

    Ajax页面局部异步刷新技术

    在现代Web开发中,异步刷新技术是一项非常重要的技术,它使得网页无需重新加载整个页面就能与服务器交互并更新部分数据。其中,最典型的技术就是Ajax(Asynchronous JavaScript and XML),它可以实现页面局部的异步...

    IE6弹出“已终止操作”的解决办法

    // 将此处的alert('加载完毕')替换为你的JavaScript代码 yourJsCode(); } } ``` 这个代码片段会在文档加载完成后执行`yourJsCode()`函数,避免了“已终止操作”的错误。然而,需要注意的是,这种方法在Firefox...

    判断脚本加载是否完成的方法

    综上所述,为了确保在所有主流浏览器中都能正确判断脚本加载完成,我们需要同时使用`onload`(非IE浏览器)和`onreadystatechange`(IE6、IE7)事件,并根据`readyState`的值来确定脚本是否已经加载并执行完成。...

    AJAX弹出提示信息效果

    但有时也需使用同步请求,例如在保存数据前需要确保所有依赖项已加载完毕。 总结,AJAX弹出提示信息效果是通过JavaScript和AJAX技术实现的一种交互方式,它提升了用户体验,让网站显得更加动态和实时。理解并熟练...

    js实现图片在未加载完成前显示加载中字样

    四、页面加载时的图片初始化 在页面完全加载之后(即`window.onload`事件触发时),通过调用`Imagess`函数来初始化页面上的所有需要显示的图片。这里为每个图片分别指定了不同的地址,并重复调用`Imagess`函数,...

    jQuery ready方法实现原理详解

    整个ready方法的核心就是使用JavaScript的事件监听机制来判断页面何时达到了可操作状态,并且在不同的浏览器环境和版本中做出相应的兼容处理,以实现jQuery ready()方法的跨浏览器一致性。通过这种方式,jQuery将...

    兼容IE/Firefox/Opera/Safari的检测页面装载完毕的脚本Ext.onReady的实现

    在IE浏览器中,代码通过检查`navigator.userAgent`来识别版本,并利用`onreadystatechange`事件来监听页面状态。当`readyState`属性变为"complete"时,表示页面已加载完成,此时调用`GOOGLEResize`函数。同时,通过...

    深入分析jQuery的ready函数是如何工作的(工作原理)

    在jQuery中,ready函数内部实际上也监听了window.onload事件,以确保即使在DOM完全解析之前脚本已经开始执行,整个页面加载完毕之后也能执行相应的代码。不过,开发者通常更倾向于使用ready函数来确保在DOM加载完成...

Global site tag (gtag.js) - Google Analytics