码迷,mamicode.com
首页 > 其他好文 > 详细

如何判断页面是通过链接打开还是通过后退按钮返回打开的?

时间:2019-11-25 11:30:15      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:链接   for   page   lse   访问   add   reload   amp   按钮   

window.performance.navigation.type包含三个值:
0 : TYPE_NAVIGATE (用户通过常规导航方式访问页面,比如点一个链接,或者一般的get方式)
1 : TYPE_RELOAD (用户通过刷新,包括JS调用刷新接口等方式访问页面)
2 : TYPE_BACK_FORWARD (用户通过后退按钮访问本页面)

<script>
window.addEventListener(‘pageload‘, function (event) {
if(event.persisted || window.performance && window.performance.navigation.type == 0){
console.log(‘page:init,navigation type: ‘+ window.performance.navigation.type);
}
if(event.persisted || window.performance && window.performance.navigation.type == 2){
console.log(‘page:reload,navigation type: ‘+ window.performance.navigation.type);
}
},false);
</script>

IE9以上的浏览器,Chrome和Firefox上都可以

如何判断页面是通过链接打开还是通过后退按钮返回打开的?

标签:链接   for   page   lse   访问   add   reload   amp   按钮   

原文地址:https://www.cnblogs.com/wwwluo/p/11926458.html

(1)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!