判断页面刷新的方式用到了Navigation Timing API,这个属性主要是为了评估网站的表现,比如网页加载时间,发送与获取请求的时间,网页渲染时间等等。
//check for Navigation Timing API support if (window.performance) { console.info("window.performance works fine on this browser"); } if (performance.navigation.type == 1) { console.info( "This page is reloaded" ); location.hash='/app/homepage' } else { console.info( "This page is not reloaded"); }
国内博客上出现的都是这个属性——onbeforeunload,用法如下。但是经过试验以及查阅资料得出这个属性用于离开页面而不是刷新页面。
onbeforeunload事件在即将离开当前页面(刷新或关闭)时触发。该事件可用于弹出对话框,提示用户是继续浏览页面还是离开当前页面。–菜鸟教程
window.onbeforeunload = function(event) { console.log("e",event); event.returnValue = "我在这写点东西..."; };
window.addEventListener("beforeunload", function(event) { event.returnValue = "我在这写点东西...3357"; location.pathname = 'www.baidu.com' console.log("e",event); });
参考文献
Check if page gets reloaded or refreshed in Javascript
发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/233247.html原文链接:https://javaforall.net