JS unload和beforeunload事件:页面卸载
2023-06-13 09:12:01 时间
在 JavaScript 中,unload 表示卸载的意思,这个事件在从当前浏览器窗口内移动文档的位置时触发,也就是说,通过超链接、前进或后退按钮等方式词能够一个页面跳转到其他页面,或者关闭浏览器窗口时触发。
下面函数的提示信息将在卸载页面时发生,即在离开页面或关闭窗口前执行。
window.onunload = f; function f() { alert( 888 }
在 unload 事件类型中无法有效阻止默认行为,因为该事件结束后,页面将不复存在。由于在窗口关闭或离开页面之前只有很短的时间来执行事件处理函数,所以不建议使用该事件类型。使用该事件类型的最佳方式是取消该页面的对象引用。
beforeunload 事件类型与 unload 事件类型的功能相近,不过它更人性化,如果 beforeunload 事件处理函数返回字符串信息,那么该字符串会显示在一个确认对话框中,询问用户是否离开当前页面。例如,运行下面的示例,当刷新或关闭页面时会弹出以下提示信息。
window.beforeunload = function (e) { return 您的数据还没有保存! }
演示结构如下:
beforeunload 事件处理函数返回值可以为任意类型,IE 和 Safari 浏览器的 JavaScript 解释器能够调用 toString() 方法,并把它转换为字符串显示在提示对话框中;而对于 Mozilla 浏览器来说,则会视为空字符串显示。如果 beforeunload 事件处理函数没有返回值,则不会弹出任何提示对话框,此时与 unload 事件类型响应效果相同。
23270.html
javaJavaScript相关文章
- html如何只刷新页面指定,js控制页面刷新 JS刷新当前页面的几种方法总结
- JS跳转代码_js中跳转页面路径
- 【说站】js中load事件如何理解
- three.js
- js通过contentWindow控制iframe子页面元素点击事件,并把值传给父页面[通俗易懂]
- vue.js客服系统实时聊天项目开发(十一)处理发送消息enter事件以及实现ctrl+enter换行
- js 实现贪吃蛇游戏
- 原生 JS 实现 HTML 转 Markdown ,html2md.js
- js 全局键盘事件
- JS判断是否为JSON对象及是否存在某字段详解编程语言
- JS键盘事件(非常详细)
- JS onload事件:页面完全加载完毕
- JS scroll事件:页面滚动
- 使用JS连接MySQL数据库:实现化繁为简(js连接mysql数据库)
- Node.js与MySQL的卓越结合(nodemysql)
- JavaScript探索之旅掌握Oracle和JS的完美融合(js与oracle)
- js判断是否有6个连续数字的字符串的正则
- js鼠标事件的抓取
- 简单JS自动提示文本框代码
- Js数组的操作push,pop,shift,unshift等方法详细介绍
- 百度地图api应用标注地理位置信息(js版)
- js自定义事件及事件交互原理概述(一)
- 使用js完成节点的增删改复制等的操作
- js数组去重的常用方法总结
- js阻止默认事件与js阻止事件冒泡示例分享js阻止冒泡事件
- js数值转换为3位逗号分隔的示例代码
- js事件截取enter按键页面提交事件示例代码
- js无刷新操作table的行和列
- JS、CSS以及img对DOMContentLoaded事件的影响