1)异同点
相同点:onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定。
不同点:
a)onbeforeunload在onunload之前执行 ,它还可以阻止onunload的执行。
b)onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取;nunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调用 。
c)onbeforeunload是可以阻止页面的更新和关闭的。但是onunload不能。
onload、onbeforeunload、onunload事件的执行顺序:
打开页面时:只执行onload
关闭页面时:先onbeforeunload,后onunload
刷新页面时:先onbeforeunload,后onunload,再onload

2)onbeforeunload、onunload事件:
触发于:
a)关闭浏览器窗口
b)通过地址栏或收藏夹前往其他页面的时候
c)点击返回,前进,刷新,主页其中一个的时候
d)点击 一个前往其他页面的url连接的时候
e)调用以下任意一个事件的时候:click,document write,document open,document close,window close ,window navigate ,window NavigateAndFind,location replace,location reload,form submit.
f)当用window open打开一个页面,并把本页的window的名字传给要打开的页面的时候。
g)重新赋予location.href的值的时候。
h)通过input type=”submit”按钮提交一个具有指定action的表单的时候。
可以用在以下元素:
BODY, FRAMESET, window
浏览器支持:
IE4+/Win, Mozilla 1.7a+, Netscape 7.2+, Firefox0.9+

3)解决刷新页面时不调用onbeforeunload:

4)onbeforeunload阻止页面的更新和关闭:
οnbefοreunlοad="return '是否现在离开此页面';">

onbeforeunload与onunload事件总结:相关推荐

  1. onbeforeunload与onunload事件

    onbeforeunload与onunload事件 2007-12-19 10:25:00 标签:onbeforeunload 事件 onunload 编程 [推送到技术圈] Onunload,onb ...

  2. onbeforeunload与onunload事件(转)

    Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script> 脚本中通过window.onunload来指定或者在<body>里指定.区别在于o ...

  3. javascript onbeforeunload与onunload事件

    Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定.区别在于on ...

  4. onbeforeunload与onunload事件 1

    Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过 window.onunload来指定或者在<body>里指定.区别在于o ...

  5. h5页 点击返回时关闭_H5页面监听浏览器关闭、刷新、跳转时提示之onbeforeunload和onunload事件...

    在H5页面中一些场景情况下防止表单数据丢失或者防止用户意外跳走页面,通过js进行监听提示用户,通过onbeforeunload事件和onunload事件实现. onbeforeunload和onunl ...

  6. 获取页面离开onbeforeunload与onunload事件的返回值

    转自:http://www.cssha.com/?p=209 在各种项目开发的过程中,页面离开事件onbeforeunload是我们经常要用到的,可以避免用户操作失误,给用户一个选择的机会,就比如我们 ...

  7. onbeforeunload不触发_用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)

    Onunload,onbeforeunload都是在刷新或关闭时调用,可以在 Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时 ...

  8. Javascript的onbeforeunload onunload事件

    简介 onunload,onbeforeunload都是在页面刷新或关闭时调用. 区别在于 onbeforeunload在onunload之前执行,它还可以阻止onunload的执行. onbefor ...

  9. html页面退出用什么函数,离开网页弹窗函数onbeforeunload与onunload

    onbeforeunload onbeforeunload 事件在即将离开当前页面(刷新或关闭)时触发. 该事件可用于弹出对话框,提示用户是继续浏览页面还是离开当前页面. 对话框默认的提示信息根据不同 ...

最新文章

  1. sqlserver2008数据库自动备份的sql脚本及使用bat命令执行脚本
  2. 微信公众平台开发之在网页上添加分享到朋友圈,关注微信号等按钮
  3. 苹果卖这么贵都怪她?苹果零售部门主管将离职 曾是奢侈品巨头掌门人
  4. 一步一步写算法(之克鲁斯卡尔算法 下)
  5. John the Ripper 密码破解者
  6. 关于FragmentManager动态管理Fragment时Fragment生命周期的探究
  7. transactional replication 的immediate_sync属性
  8. 已被骗数百万美金!App Store 中诈骗应用横行,网友:“苹果只顾抽成!”
  9. 【mybatis】学习笔记之conf.xml与mapper.xml配置
  10. 50个开源性能测试工具
  11. 自动识别收货地址中的省市区小工具
  12. 自制hdmi线一头改vga图_VGA连接线接口定义及引线焊接教程,VGA线不够长时可用网线代替?...
  13. SDN:简述对SDN的认识
  14. 全国5M分辨率遥感图免费下载!还有遥感卫星视频可下载
  15. jca 实例 java_jca工具分析was的javacore实例解析
  16. windows 下搭建邮件服务器
  17. Python的数据分析中交叉验证
  18. layui结合json viewer实现代码格式化
  19. 事半功倍追求卓越:人生找位的“TONS法则”
  20. 芯动联科在科创板IPO过会:拟募资10亿元,金晓冬为实际控制人

热门文章

  1. 数学好学计算机还是自动化,计算机准备好解决这个臭名昭著的庞杂数学问题了吗?...
  2. 一个C语言程序的执行是从___
  3. CF750H New Year and Snowy Grid
  4. Linux指南| 第2部分
  5. 太原服务器系统租用,太原市弹性云服务器租赁
  6. 智慧校园:学校机房如何实现科学化管理?
  7. 添加ActiveSync支持
  8. 站在2023起跑线,政企数字化如何深入“核心地带”?
  9. 最新显卡功耗表和官方功耗表
  10. FPV Camera(RPI3+V2.1) | wfb_ng Release 23.01 | Ubuntu 20.04 xfce软解测试