js window.onunload、onbeforeunload事件

js window.onunload、onbeforeunload事件

onbeforeunload 事件在即将离开当前页面(刷新或关闭)时触发,也就是正要去服务器读 取新的页面时调用,此时还没开始读取新页面;onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。
onunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调用。

onunload浏览器兼容情况(菜鸟教程上说的是浏览器都支持)

IE浏览器 页面跳转、刷新页面能执行,但关闭浏览器不能执行;
firefox 页面跳转能执行,但刷新页面、关闭浏览器不能执行;
Safari 刷新页面、页面跳转,关闭浏览器都会执行;
Opera、Chrome 在chrome浏览器下,alert弹窗没执行,但是设置的localstorage成功了,说明函数还是执行了的。

onbeforeunload 浏览器兼容情况

IE、Safari 完美支持
Firefox、Chrome 不支持文字提醒信息
Opera 15.0以及15.0+

window.onbeforeunload = function() {
      localStorage.onbeforeunload = "3"
      alert("3 onbeforeunload");
    }
    window.onunload = function () {
      localStorage.onunload = "3"
      alert("3 onunload");
    }

你可能感兴趣的:(js window.onunload、onbeforeunload事件)