页面刷新时跳转到其他页面

页面刷新时跳转到其他页面

最近公司有一个神奇的需求,就是页面刷新的时候要跳转到其他页面,真的是什么神奇的需求都会碰到,很烦!
也是弄了好久才弄出来,分享出来,希望能帮到大家
话不多说直接上代码

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title></title>
</head>

<body onbeforeunload="return myFunction()">
  <script>
    let a = sessionStorage.getItem('aa')
    if (a) {
      window.location.href = "http:www.baidu.com"
    }
    function myFunction() {
      sessionStorage.setItem('aa', '123')
    }
  </script>
</body>

</html>

原理:
刷新时会触发onbeforeunload事件,但是该事件无法直接跳转页面,所以我用sessionStorage存了一个变量,而刷新完一定会重新加载代码,这样就完成了跳转页面


版权声明:本文为tion1992原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。