document.onreadystatechange的认识

最新推荐文章于 2022-09-06 19:42:10 发布
最新推荐文章于 2022-09-06 19:42:10 发布
阅读量1w 收藏 1
点赞数 3
分类专栏： java js
java 同时被 2 个专栏收录
10 篇文章 1 订阅
订阅专栏
js
1 篇文章 0 订阅
订阅专栏

在开发的过程中，经常使用window.onload和body onload两种，很少使用document.onreadystatechange，但这次写了一个js，使用window.onload和body.onload都实现不了，最后使用document.onreadystatechange才把它解决了。

这里介绍一下三者的区别和用法，大家使用的时候根据自己的需要选择哪一个

1、window.onload    页面全部加载完成，甚至包括图片

 用法：

1 第一种：window.onload = function(){}
2 第二种： window.onload ＝ functionName; //注意:没有括号
( 鼠标移到代码上去，在代码的顶部会出现四个图标，第一个是查看源代码，第二个是复制代码，第三个是打印代码，第四个是帮助 )


2、body.onload  等doucment加载完成再加载相应的脚本
用法：

1 <body onload="init();">
( 鼠标移到代码上去，在代码的顶部会出现四个图标，第一个是查看源代码，第二个是复制代码，第三个是打印代码，第四个是帮助 )

3、document.onreadystatechange   当页面加载状态改变的时候执行这个方法。
 用法：
1 document.onreadystatechange = function(){  
2   if(document.readyState=="complete")  
3   {
4      window.open('http://www.aspbc.com'); //这里是你要做的事
5   }
6 }

(鼠标移到代码上去，在代码的顶部会出现四个图标，第一个是查看源代码，第二个是复制代码，第三个是打印代码，第四个是帮助)


文章转自http://www.aspbc.com/tech/showtech.asp?id=1256;很感谢这位同学的分享

梁一哥
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Ajax 给 XMLHttpReq.onreadystatechange传递参数
10-25
主要介绍了Ajax如何给XMLHttpReq.onreadystatechange =函数传递参数,需要的朋友可以参考下
AJAX – onreadystatechange 事件
12-14
AJAX – onreadystatechange 事件 onreadystatechange 事件 当请求被发送到服务器时，我们需要执行一些基于响应的任务。 每当 readyState 改变时，就会触发 onreadystatechange 事件。 readyState 属性存有 XMLHttpRequest 的状态信息。 下面是 XMLHttpRequest 对象的三个重要的属性： 属性 描述 onreadystatechange 存储函数（或函数名），每当 readyState 属性改变时，就会调用该函数。 readyState 存有 XMLHttpRequest 的状态
iframe的onreadystatechange事件在firefox下的使用
09-04
firefox不支持iframe的onreadystatechange事件，不过有个方法可以实现同等的效果,需要的朋友可以参考下
各浏览器对link标签onload/onreadystatechange事件支持的差异分析
09-05
各浏览器对link标签onload/onreadystatechange事件支持的差异分析，需要的朋友可以参考下。
document.onreadystatechange实现加载页面。
MaggieLiY的博客
01-16 1323
html> html> head lang="en"> meta charset="UTF-8"> title>title> style> #connan{ width: 120px;height:50px;background-color: #980000;; } .loading{
document.onreadystatechange |||| document.readyState == \"complete\"
IT技术宅-北方的刀郎
03-21 682
发送一个请求后，客户端无法确定什么时候会完成这个请求，所以需要用事件机制来捕获请求的状态，XMLHttpRequest对象提供了onreadyStateChange事件实现这一功能。这类似于回调函数的做法。onreadyStateChange事件可指定一个事件处理函数来处理XMLHttpRequest对象的执行结果，如：ajaxObj=createAjaxObject(); var url="/M
document.onreadystatechange
zspjtxff的博客
11-09 221
document.onreadystatechange = function(){ if(document.readyState=='complete'){ document.getElementById('page_overlay').style.display = "none"; } };
WEB前端实现在线预览、编辑Office文档
热门推荐
nuclear2011的博客
05-28 1万+
WEB前端实现在线预览、编辑Office文档 这篇文章介绍如何在web前端引入JS插件实现在线预览、编辑Office文档。 使用插件：Spire.Cloud在线Office文档编辑器（官网：https://cloud.e-iceblue.cn/） 重点：该方案仅需浏览器支持HTML5，不需要安装Office或控件，也不需要做环境配置就可以直接调用插件，非常简单。 准备工作 首先，使用浏览器打开：https://cloud.e-iceblue.cn/，点击右上角头像注册/登录账号。 其次，点击
Vue 学习笔记 1 —— Vue 实例
我有两颗糖
03-05 244
1. 创建 Vue 实例 通过 new 创建 Vue 实例： 一个 Vue 实例包括了 el, data, template, methods, computed 等属性 let vm = new Vue{ // el 绑定的对象 // data 数据 // template 方法 // methods 方法 // computed 计算属性 } 2. 数据与方法 当一个 Vue 实例被创建时，它将 data 对象中的所有的 property 加入到 Vue 的响
php window.onload,window.onload,body onload和document.onreadystatechange
weixin_39751391的博客
03-27 169
我们经常使用window.onload来处理页面，当页面加载完成做一些事情。但这个window.onload是页面全部加载完成，甚至包括图片1.window.onload=function(){}2.window.onload＝functionName;//[color=red]注意:没有括号3.IE:window.attachEvent("onload",functio...
document.readyState等属性
hsany330的专栏
08-27 890
document.readyState:判断文档是否加载完成。firefox不支持。 这个属性是只读的，传回值有以下的可能： 0-UNINITIALIZED：XML 对象被产生，但没有任何文件被加载。 1-LOADING：加载程序进行中，但文件尚未开始解析。 2-LOADED：部分的文件已经加载且进行解析，但对象模型尚未生效。 3-INTERACTIVE：仅对已加载的部分文件
js控制过场动画，setTimeout和clearTimeout的用法以及document.onreadystatechange判断页面是否加载结束
kkgbn的博客
09-20 1913
思路 当html加载完的时候，关闭过场动画，如果时间太长用定时器设置5秒后关闭过场动画 setTimeout的用法 var setT = setTimeout(function() { $('.loading').hide(); $('.load_bg').hide(); }, 5000);clearTimeout的用法 clearTimeout(s
OnlyOffice基础实践
weixin_34212189的博客
08-05 3224
一：概述 onlyoffice是做什么用的在这里就不做解释了，能看到这篇博客的我相信都是了解的，本文主要讲解onlyoffice在使用过程中要注意的问题。 使用环境：window10 + VMware Workstation Pro14 + CentOS-7-x86_64-Minimal + Docker 18.03.1-ce + onlyoffice onlyoffice官网：https://w...
document.readyState的使用
weixin_30713953的博客
12-04 310
document.readyState:判断文档是否加载完成。firefox不支持。 这个属性是只读的，传回值有以下的可能： 0-UNINITIALIZED：XML 对象被产生，但没有任何文件被加载。1-LOADING：加载程序进行中，但文件尚未开始解析。2-LOADED：部分的文件已经加载且进行解析，但对象模型尚未生效。3-INTERACTIVE：仅对已加载的部分文件有效，在此情况...
界面加载问题的处理-onreadystatechange事件
My_Serendipity的博客
11-14 531
界面加载问题 今天制作了一个网页，因为背景图片比较大，加载较为缓慢（大约需要0.7-0.8s左右，而且是三分之一地加载，卡顿肉眼可见）；而且网页中有延时动画，加载卡顿也让界面体验不好。因此通过查找资料，初步找到了解决办法（可能不是最好的，该方法在某些情况下可能不适用）。 通过AJAX-onreadystatechange事件，可以让界面在所有组件加载完后再显示，这样就可以做到背景图片显示的时候已经是加载好的了。具体代码如下： //界面全部加载完在显示 document.onreadystatechange
document.onreadystatechange事件的用法
weixin_34356555的博客
02-06 145
这两天，正在给部门的一个项目做优化，其中一项是将web应用中的所有alert用div方式实现，javascript的相关方法都写好了，方法名为 showDialog，前台页面调用showDialog方法一点也没有问题，可是页面一旦提交，从后台输出脚本，调用showDialog方法，就会时不时的出现问题了，报一个无法打开Internet站点的错误，在脚本中下断点调试，依然找不到问题的根源，最后到网上...
使用 document.onreadystatechange()来判断页面加载完
weixin_30315723的博客
06-27 157
document.onreadystatechange = subSomething;//当页面加载状态改变的时候执行这个方法. function subSomething(){if(document.readyState == "complete"){ //当页面加载状态为完全结束时进入 //你要做的操作。}} 用这个可以做一下等待网站图片或者其他东...
Vue的三种网络请求方式
最新发布
月光晒了很凉快的博客
09-06 9306
在进行 Vue 的网络请求之前，我们先写一些假数据：users.json： 1. 写法1：XMLHttpRequest发送请求 使用 XMLHttpRequest 请求 users.json 中的数据： 使用 fetch 请求 users.json 中的数据： 概述：Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和node.js中。能拦截请求和响应，自动转换JSON数据。axios也是vue作者推荐使用的网络请求库。优势：使用方法： 步骤1：使用初始化 node.js 配置文件步骤
js页面加载完后执行（document.onreadystatechange 和 document.readyState）
weixin_33985507的博客
09-19 693
js页面加载完后执行javascript（document.onreadystatechange 和 document.readyState）  document.onreadystatechange 页面加载状态改变时的事件 document.readyState 页面加载状态值,下面4个状态值。 uninitialized - 还未开始载入 loading -...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值