`
guirudaoge
  • 浏览: 18595 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

用document.onreadystatechange的方法来监听页面状态改变

阅读更多

用document.onreadystatechange的方法来监听状态改变,
然后用document.readyState == “complete”判断是否加载完成
代码如下:
document.onreadystatechange = subSomething;//当页面加载状态改变的时候执行这个方法.
function subSomething(){
    if(document.readyState == “complete”) //当页面加载状态
    myform.submit(); //表单提交
}

页面加载readyState的五种状态:
0: (Uninitialized) the send( ) method has not yet been invoked.

  (未初始化)还没有调用send()方法
1: (Loading) the send( ) method has been invoked, request in progress.

  (载入)已调用send()方法,正在发送请求
2: (Loaded) the send( ) method has completed, entire response received.

  (载入完成)send()方法执行完成,已经接收到全部响应内容
3: (Interactive) the response is being parsed.

  (交互)正在解析响应内容
4: (Completed) the response has been parsed, is ready for harvesting.

  (完成)响应内容解析完成,可以在客户端调用了

 

分享到:
评论

相关推荐

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

    2. 优先考虑使用window.onload或document.addEventListener('DOMContentLoaded', function() {...})方法,而不是document.onreadystatechange,除非需要根据页面加载状态的细微变化进行处理。 3. 如果页面中有多个...

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

    JavaScript提供了一种方法来监听页面加载状态的变化,以便我们可以基于页面加载的不同阶段执行相应的代码。 首先,我们需要了解document对象的readyState属性,它表示当前文档的状态。readyState属性有五个可能的值...

    WEB开发 之 AJAX - onreadystatechange 事件.docx

    总结起来,`onreadystatechange`事件在AJAX中扮演了重要的角色,它让我们能够根据XMLHttpRequest对象的状态变化来执行相应的操作,从而实现在不刷新页面的情况下动态更新内容。结合回调函数的使用,我们可以编写更...

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

    我们可以利用`window.onload`或`document.readyState`事件来监听页面加载状态。当页面的DOM结构加载完成但资源尚未加载完毕时,可以显示等待效果;当所有资源(包括图片、脚本等)都加载完毕,再隐藏等待效果。 4. ...

    js加载检测

    对于IE 6和IE 7,可以通过监听`js.onreadystatechange`事件来判断脚本加载状态。 ```javascript function include_js(file) { var doc = document.getElementsByTagName('head')[0]; var js = document....

    页面加载中loading(js、asp.net)

    2. **事件监听**:JavaScript可以通过监听`window.onload`或`document.onreadystatechange`事件来判断页面何时完全加载。当这些事件触发时,可以隐藏加载指示器。 ```javascript window.onload = function() { ...

    asp.net页面加载前进度条

    2. **JavaScript事件监听**: 使用`document.onreadystatechange`事件监听器来监控文档加载状态的变化。当文档加载完成时,触发相应的处理逻辑。 3. **DOM操作**: JavaScript中的`getElementById`和`removeChild`等...

    [removed]事件的用法分析

    `document.onreadystatechange` 事件在JavaScript中是一个非常重要的事件,它用于监听HTML文档的加载状态。这个事件可以帮助开发者确保在执行特定操作之前,页面已经完全加载完成。在网页中,特别是处理用户交互或者...

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

    2. **事件监听**:使用`window.onload`或`document.onreadystatechange`等事件监听器,当整个页面或特定资源加载完成后,移除等待效果。 3. **CSS动画**:利用CSS3的过渡(Transitions)和动画(Animations)来创建...

    使用Ajax实现页面无刷新(局部刷新),

    使用Ajax,我们可以避免页面整体刷新,仅更新登录状态相关的部分。 1. **HTML结构** 首先,我们需要一个简单的HTML表单,包含用户名和密码输入框以及登录按钮。 ```html 用户名"> 密码"> 登录 ...

    解决eWebEditor无法预先赋值问题,setHTML()失效

    - 通过`document.onreadystatechange`监听文档加载状态,并在加载完成时设置内容。 - 将要设置的HTML内容先存储在一个`<textarea>`元素中,再通过JavaScript获取并设置给编辑器。 这些方法都是基于对问题成因的理解...

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

    3. 注册事件监听器:监听`onreadystatechange`事件,当请求状态改变时触发。`readyState`属性表示请求的状态,4表示完成;`status`属性表示HTTP状态码,200表示成功。 ```javascript xhr.onreadystatechange = ...

    js实现页面loading加载效果1.rar

    这通常涉及到页面的生命周期事件,比如`window.onload`或`document.onreadystatechange`。 ```javascript // 显示loading function showLoading() { document.getElementById('loading').style.display = 'block';...

    2021-2022收藏精品资料幼儿园园长述职报告范文范文汇编.doc

    - `xhr.onreadystatechange`事件监听器在请求状态改变时执行,当`readyState`为4(表示请求已完成)且`status`为200(表示请求成功)时,会执行回调函数,但在这个例子中没有进一步处理响应数据。 这些JavaScript...

    javascript经典特效---XML超酷页面效果一.rar

    当请求完成时,通过onreadystatechange事件监听状态变化,当readyState为4且status为200时,表示请求成功,可以获取响应数据。 ```javascript var xhr = new XMLHttpRequest(); xhr.open('GET', 'data.xml', true);...

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

    2. 使用Content Security Policy (CSP)来限制脚本的来源和执行方式,防止XSS攻击。 3. 对于加载的脚本进行沙盒环境执行,限制其对全局作用域的影响。 4. 采用模块化和隔离的加载方式,减少脚本之间的相互影响。 ...

    JavaScript跨域总结与解决办法

    - **原理**:这种方法通过在`iframe`的`location.hash`中传递数据来实现跨域通信。由于同源策略对`hash`值没有限制,因此可以利用这一点实现跨域数据传输。 - **代码示例**: ```javascript // 在主页面中创建...

    简洁大气带进度条的URL跳转页面HTML源码.zip

    5. **事件监听**:在URL跳转之前,HTML源码可能会使用JavaScript的事件监听功能,例如`window.onload`或`document.onreadystatechange`,当页面加载达到特定状态时触发进度条的更新。 6. **过渡和动画效果**:为了...

    通过js来控制web页面的一些例子

    此外,JavaScript库和框架如jQuery、React和Vue.js极大地简化了Web开发,提供了更高效的方法来操作DOM、管理组件状态和创建复杂的用户界面。例如,jQuery是一个流行的库,它提供了一套简便的API来处理常见的DOM操作...

Global site tag (gtag.js) - Google Analytics