document对象和window的常用事件_分别在window上和document上绑定事件-程序员宅基地

技术标签: 日常总结  HTML  

document

readystatechange

当document.readyState的值发生变化时就会触发以上事件

readyState的值有:
1. loading
DOM还在加载中(此时貌似js还没开始执行,js里捕获不到这个状态)
2. interactive
DOM已经加载完毕,css,图片,iframe里的页面还没加载完($(document).ready()就是指这个时候
即触发DOMContentLoaded的时候document.addEventListener('DOMContentLoaded', function () {})
3. complete
DOM CSS 图片等全都加载完毕(window.onload就是这个时候)

visibilitychange

不咋用到。跟显示/隐藏有关系;

window

load

window.onload(也就是document.readyState === 'interactive’的时候)

unload

页面正处在一种资源依然存在,但是页面已经不可见的时候。
不能再交互了。
这个事件是不可被阻止的。
如果监听了这个事件(即使什么也不做)会破坏BFCache(前进/后退 缓存)。前进后退时,会重新请求页面。

beforeunload

这个时候还可以进行交互,不过不能用alert,confirm,prompt,会被忽略掉。

// 只能通过这个方法来询问
window.addEventListener("beforeunload", function (e) {
    
   var confirmationMessage = "是否离开";
   e.returnValue = confirmationMessage; // Gecko, Trident, Chrome 34+
   return confirmationMessage; // Gecko, WebKit, Chrome <34
	// window.alert('确定要离开?')
});

监听这个事件也会破坏BFCache。

pageshow

在页面被显示的时候触发。
例如:

  • 前进/后退并显示页面内容的时候触发;
  • 新页面onload后触发;

这个事件的事件对象多一个属性,persisted(页面是刚下载的还是从缓存里读取的)

pagehide

页面跳转走或者关闭之前的瞬间

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/haoyanyu_/article/details/104773458

智能推荐

HALCON 21.11:深度学习笔记---语义分割/边缘提取(12)_halcon12深度学习案例实现思路-程序员宅基地

文章浏览阅读7.7k次。HALCON 21.11:深度学习笔记---语义分割/边缘提取(12)HALCON 21.11.0.0中,实现了深度学习方法。本章介绍了如何使用基于深度学习的语义分割,包括训练和推理阶段。通过语义分割,我们使用深度学习(DL)网络将输入图像的每个像素分配到一个类。语义分割的例子:输入图像的每个像素都被分配给一个类,但是类“apple”的三个不同实例和类“orange”的两个不同实例都不是可区分的对象语义分割的结果是一个输出图像,其中的像素值表示输入图像中对应像素的指定类别。因此,在._halcon12深度学习案例实现思路

题目名称:组个最小数时间限制:1000ms内存限制:256MB提交通过率:43%_数组程序练习7-1时间限制: 1000毫秒 内存限制: 128mb提交: 4318 解决: 2268-程序员宅基地

文章浏览阅读831次。例如:给定三个 1,三个 0,三个 5,一个 8,我们得到的最小的数就是 1000115558。给定数字 0...9 各若干个,总共十个数字。你可以以任意顺序排列这些数字,但必须全部使用。在一行中给出 10 个 0...9 之间的整数,每个数字间用空格隔开。经过测试,两个方法的时间和空间基本相同,根据情况自行选择吧,886~目标是使得最后得到的数尽可能小(注意 0 不能做首位)。现给定数字,请编写程序输出能够组成的最小的数。给定数字中至少有 1 个非 0 的数字。在一行中输出能够组成的最小的数。_数组程序练习7-1时间限制: 1000毫秒 内存限制: 128mb提交: 4318 解决: 2268[

分布式Session解决方案_前端8080应用如何获取8081应用的session-程序员宅基地

文章浏览阅读79次。分布式Session一致性?说白了就是服务器集群Session共享的问题Session的作用?Session 是客户端与服务器通讯会话跟踪技术,服务器与客户端保持整个通讯的会话基本信息。客户端在第一次访问服务端的时候,服务端会响应一个sessionId并且将它存入到本地cookie中,在之后的访问会将cookie中的sessionId放入到请求头中去访问服务器,如果通过这个sessionid没有找到对应的数据那么服务器会创建一个新的sessionid并且响应给客户端。假设第一次访问服务A生成一个sessio_前端8080应用如何获取8081应用的session

Java基础>03 - 关键字、标识符、常量、变量、运算符_标识符,关键字,常量的区别-程序员宅基地

文章浏览阅读407次。一、关键字:对java的编译器有特殊的意义,用来表示一种数据类型、程序的结构等,关键字不能用作变量名、方法名、类名、包名。二、标识符:自定义的名字,类名、方法名、变量、包名。1、标识符定义原则:标识符由26个英文字符大小写(a-z、A-Z)、数字(0~9)、下划线(_)和美元符号($)组成。不能以数字开头,不能是关键字严格区分大小写标识符的可以为任意长度2、示例:合法:..._标识符,关键字,常量的区别

(转)Tomcat配置单点登录(Single Sign-On)-程序员宅基地

文章浏览阅读117次。一旦你设置了realm和验证的方法,你就需要进行实际的用户登录处理。一般说来,对用户而言登录系统是一件很麻烦的事情,你必须尽量减少用户登录验证的次数。作为缺省的情况,当用户第一次请求受保护的资源时,每一个web应用都会要求用户登录。如果你运行了多个web应用,并且每个应用都需要进行单独的用户验证,那这看起来就有点像你在与你的用户搏斗。用户们不知道怎样才能把多个分离的应用整合成一个单独的系统,所..._singlesignonservlet.class.getname()

flv 开源 修复_如何找到要修复的第一个开源错误-程序员宅基地

文章浏览阅读253次。flv 开源 修复by Shubheksha 通过Shubheksha 如何找到要修复的第一个开源错误 (How to find your first open source bug to fix)When you’re new to open source, you’ll find yourself asking: 当您不熟悉开源时,会发现自己在问: I know some [progr...

随便推点

docker及服务器遇到的坑-程序员宅基地

文章浏览阅读1.1k次。目录 DNS不可用 修改docker查找源 容器保持固定ip 查看docker连接 容器间通信 容器拷贝数据 php连接docker mysql 8.0出错authentication method unknown DN..._docker 报错server requested authentication method unknown to the client

如何使用ajax获取后台数据和进行页面渲染_ajax获取数据-程序员宅基地

文章浏览阅读2.3k次。注意:直接通过响应拿到的是string格式的数据 需要通过json数据字符串转对象的方法。3.转化成对象类型后就可以根据需求拿对应数据了。act: login/登录 reg/注册。1.eval('('+数据+')')2.使用get请求获取json数据。2.JSON.parse(数据)1.创建一个json文件。_ajax获取数据

tinyxml使用_tinyxml2 firstattribute-程序员宅基地

文章浏览阅读345次。tinyxml使用http://www.grinninglizard.com/tinyxml/https://sourceforge.net/projects/tinyxml/GitHub:leethomason/tinyxml2在线文档:TinyXml Documentationtinyxml 下载tinyxml_2_6_2.zip文档:tinyxml_2_6_2.zip/tinyxml/docs/index.html_tinyxml2 firstattribute

QPaint绘制仪表盘_qt设计dial刻度盘-程序员宅基地

文章浏览阅读581次,点赞2次,收藏9次。这篇文章设计了一个自己绘制的仪表盘,有背景表盘,刻度线、刻度值,指针,以及动态运行效果。_qt设计dial刻度盘

django的新冠疫苗预约系统的设计与实现(程序+开题报告)-程序员宅基地

文章浏览阅读793次,点赞21次,收藏24次。然而,由于疫苗供应有限,如何公平、高效地分配疫苗资源,确保人们能够及时接种疫苗,成为了一个亟待解决的问题。通过该系统,用户可以方便地进行疫苗接种预约,医院可以实时更新疫苗库存信息,政府可以掌握疫苗接种情况,从而共同推动疫苗接种工作的顺利进行。同时,用户可以查看疫苗相关信息,如疫苗种类、适用人群、副作用等,以便做出明智的选择。[7] 张华, 翟新军, 胥勇, 李伟强, 杨健, 赵嘉伟, 张涛. Python在集控大数据应用的研究[J]. 价值工程, 2023, 42 (21): 84-86.

安卓开发——活动的生命周期_安卓开发活动周期-程序员宅基地

文章浏览阅读269次。只有懂生命周期的程序员才能开发出流畅的应用。一、返回栈Android 中的活动是可以层叠的,每启动一个新的活动,就会覆盖在原活动之上。当BACK掉最上层的活动,下面的活动才会显示出来。Android 用 任务 Task 管理活动,一个任务就是一组存放在栈里的活动的集合,这个栈称为返回栈Back Stack。栈是后进后出的数据结构。二、活动的状态运行态暂停态停止态销毁态三、活..._安卓开发活动周期

推荐文章

热门文章

相关标签