JS监听浏览器关闭、刷新及切换标签页触发事件代码示例

<script>
  document.addEventListener('visibilitychange', documentVisibilityChange)

  function documentVisibilityChange() {
    if(document.visibilityState === "hidden") {
      console.log('当前页签隐藏，即打开新页签')
    }
    if(document.visibilityState === "visible") {
      console.log('当前页签显示，即打开当前页签')
    }
  }
</script>

<script>
  window.addEventListener('beforeunload', windowBeforeUnload)

  function windowBeforeUnload() {
    console.log('触发beforeunload --->>>')
  }
</script>

function fnUrlReplace(href) {
    if (href && /^#|javasc/.test(href) === false) {
        if (history.replaceState) {
            history.replaceState(null, document.title, href.split('#')[0] + '#');
            location.replace('');
        } else {
            location.replace(href);
        }
    }
};

fnUrlReplace(targetURL);
fnUrlReplace后面直接写一个链接，这样既可以跳转又不会记录历史，而且还做了兼容性处理，兼容到IE6。