如何判断页面入口

发布于

今天开发的时候碰见一个问题,页面返回的时候需要重新请求接口

最终使用了window.performance.navigation.type 解决了问题

实例代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>如何判断页面是通过链接打开还是通过后退按钮返回打开的?</title>
</head>
<body>
    <a href="https://www.baidu.com/">百度</a>
    <script>
        let type = window.performance.navigation.type;
        console.log(type)
        if (type == 0) {
            alert("进入")
        }
        if (type == 1) {
            alert("刷新")
        }
        if (type == 2) {
            alert("返回")
        }
        if (type == 255) {
            alert("其他方式加载")
        }
    </script>
</body>
</html>

window.performance.navigation.type 返回参数代表的意义

0 :网页通过点击链接、地址栏输入、表单提交、脚本操作等方式加载

1:网页通过重新加载按钮或location.reload()方法加载

2:网页通过前进或后退按钮加载

255:任何其他来源的加载

评论