HTML 事件之窗口事件
HTML 事件
全局事件属性
可以使 HTML 事件触发浏览器中的行为，比方说当用户点击某个 HTML 元素时启动一段 JavaScript。
New : HTML5新增属性事件。
窗口事件属性（Window Event Attributes）
| 属性 | 值 | 描述 |
|---|---|---|
| onafterprint New | script | 在打印文档之后运行脚本，目前只有 Internet Explorer 和 Firefox 浏览器支持 onafterprint 事件属性 |
| onbeforeprint New | script | 在文档打印之前运行脚本，目前只有 Internet Explorer 和 Firefox 浏览器支持 onbeforeprint 事件属性 |
| onbeforeonload New | script | 在文档加载之前运行脚本，onbeforeunload 事件在即将离开当前页面（刷新或关闭）时触发，支持的 HTML 标签:<body> |
| onblur | script | 当窗口失去焦点时运行脚本 |
| onerror New | script | 当错误发生时运行脚本，onerror 事件在视频/音频（audio/video）数据加载期间发生错误时触发。 |
| onfocus | script | 当窗口获得焦点时运行脚本 |
| onhaschange New | script | 当文档改变时运行脚本，onhashchange 事件在当前 URL 的锚部分(以 '#' 号为开始) 发生改变时触发 ，支持的 HTML 标签:<body>。 |
| onload | script | 当文档加载时运行脚本，onload 属性在文档对象加载完成后触发，通常使用于 <body> 元素中，用于在页面完全载入后执行指定的脚本(包括图片，脚本，css文件等)。 |
| onmessage New | script | 当触发消息时运行脚本，onmessage和postmessage是HTML5的方法，是用来解决跨页面通用，或者通过iframe嵌套的不同页面的通信，possmessage是发送方，onmessage是接收方 |
| onoffline New | script | 当文档离线时运行脚本，目前仅火狐3.0支持 |
| ononline New | script | 当文档上线时运行脚本，目前仅火狐3.0支持 |
| onpagehide New | script | 当窗口隐藏时运行脚本，onpagehide 事件在用户离开网页时触发，onpagehide 事件有时可以替代 onunload 事件，但 onunload 事件触发后无法缓存页面。 |
| onpageshow New | script | 当窗口可见时运行脚本，onpageshow 事件在用户浏览网页时触发，onpageshow 事件类似于 onload 事件，onload 事件在页面第一次加载时触发， onpageshow 事件在每次加载页面时触发，即 onload 事件在页面从浏览器缓存中读取时不触发。 |
| onpopstate New | script | 当窗口历史记录改变时运行脚本，onpopstate事件触发的条件：popstate事件只会在浏览器某些行为下触发, 比如点击后退、前进按钮(或者在JavaScript中调用history.back()、history.forward()、history.go()方法 |
| onredo New | script | 当文档执行再执行操作（redo）时运行脚本， |
| onresize New | script | 当调整窗口大小时运行脚本，属性常用于调整窗口大小 |
| onstorage New | script | 当 Web Storage 区域更新时（存储空间中的数据发生变化时）运行脚本，onstorage触发时机: 当localStorage中的数据发生变化时, onstorage触发, 包括存储, 修改, 删除，存在兼容性 |
| onundo New | script | 当文档执行撤销时运行脚本 |
| onunload New | script | 当用户离开文档时运行脚本，onunload 在用户离开页面(通过点击链接，提交表单，关闭浏览器窗口等)触发 |
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南