onbeforeunload、onpagehide、onunload、onload、onpageshow的正确执行顺序

一、Chrome支持onbeforeunload、onpagehide、onunload,只是在这些方法执行的时候alert,console这些方法已经被注销了。

二、浏览器跳转、关闭、刷新时都按a,b,c,d,e的顺序执行

<a href="http://www.baidu.com">跳转到百度</a>
  // 页面跳转之前执行了a事件
    window.onbeforeunload = function () {
        localStorage.setItem('a', '1')
    }
    // 页面隐藏的时候执行了b事件
    window.onpagehide = function () {
        localStorage.setItem('b', '2')
    }
    // 当用户离开页面时触发了c事件
    window.onunload = function () {
        localStorage.setItem('c', '3')
    }
    // 页面完成加载时执行了d事件
    window.onload = function () {
        localStorage.setItem('d', '4')
    }
    // 页面显示的时候执行了e事件
    window.onpageshow = function () {
        localStorage.setItem('e', '5')
    }

 

posted @ 2018-11-09 16:19  heroljy  阅读(1158)  评论(0编辑  收藏  举报