DOM事件(对象事件)

onabort

图像的加载被中断时,执行JavaScript。
onabort 事件在用户中止加载 <img><input type="image"> 元素时触发。
在这里插入图片描述

onbeforeunload

在即将离开当前页面(刷新或关闭)时执行 JavaScript 。
定义和用法
onbeforeunload 事件在即将离开当前页面(刷新或关闭)时触发。

该事件可用于弹出对话框,提示用户是继续浏览页面还是离开当前页面。

对话框默认的提示信息根据不同的浏览器有所不同,标准的信息类似 “确定要离开此页吗?”。该信息不能删除。

但你可以自定义一些消息提示与标准信息一起显示在对话框。

注意: 如果你没有在 元素上指定 onbeforeunload 事件,则需要在 window 对象上添加事件,并使用 returnValue 属性创建自定义信息(查看以下语法实例)。

注意: 在 Firefox 浏览器中,只显示默认提醒信息(不显示自定义信息)。

onerror

如果在加载图片时发生错误则执行 JavaScript。

onhashchange

当锚部分发生变化时执行 JavaScript。
定义和用法
onhashchange 事件在当前 URL 的锚部分(以 ‘#’ 号为开始) 发生改变时触发 。

锚部分的实例:指定当前 URL 为
http://www.example.com/test.htm#part2 - 这个 URL 中的锚部分为 #part2。

你可以使用以下方式调用事件:

  • 设置Location 对象 的 location.hash 或 location.href 属性修改锚部分。
  • 使用不同书签导航到当前页面(使用"后退" 或"前进"按钮)
  • 点击链接跳转到书签锚

onload

当页面载入完毕后执行Javascript代码。
定义和用法
onload 事件会在页面或图像加载完成后立即发生。

onload 通常用于 元素,在页面完全载入后(包括图片、css文件等等。)执行脚本代码。

onpageshow

onpageshow 事件在用户浏览网页时触发。
定义和用法
onpageshow 事件类似于 onload 事件,onload 事件在页面第一次加载时触发, onpageshow 事件在每次加载页面时触发,即 onload 事件在页面从浏览器缓存中读取时不触发。

为了查看页面是直接从服务器上载入还是从缓存中读取,你可以使用 PageTransitionEvent 对象的 persisted 属性来判断。 如果页面从浏览器的缓存中读取该属性返回 ture,否则返回 false 。

onpagehide

当用户从网页离开时执行 JavaScript。
定义和用法
onpagehide 事件在用户离开网页时触发。

离开网页有多种方式。如点击一个链接,刷新页面,提交表单,关闭浏览器等。.

onpagehide 事件有时可以替代 onunload 事件,但 onunload 事件触发后无法缓存页面。

为了查看页面是直接从服务器上载入还是从缓存中读取,你可以使用 PageTransitionEvent 对象的 persisted 属性来判断。 如果页面从浏览器的缓存中读取该属性返回 ture,否则返回 false 。

onresize

当浏览器被重置大小时执行Javascript代码。
onresize 事件会在窗口或框架被调整大小时发生。

onscroll

onscroll 事件在元素滚动条在滚动时触发。

onunload

当用户未载入文档时执行的Javascript代码。
定义和用法
onunload 事件在用户退出页面时发生。

onunload 发生于当用户离开页面时发生的事件(通过点击一个连接,提交表单,关闭浏览器窗口等等。)

注意: onunload 事件同样触发了页面载入事件(+ onload 事件)。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值