今天开发的时候碰见一个问题，页面返回的时候需要重新请求接口
最终使用了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：任何其他来源的加载
归云
历历浮生，无非败而后成
文章数：85
评论数：25
标签数：72