程序员SUMER
Top Software Engineer
js判断页面是刷新还是首次加载？performance.navigation （performance.navigation.type） 已弃用，取而代之的写法是什么？
热门
最新
转载
js判断页面是刷新还是首次加载？performance.navigation （performance.navigation.type） 已弃用，取而代之的写法是什么？
window.performance是W3C性能小组引入的新的API，目前IE9以上的浏览器都支持。如何使用js判断页面是刷新还是首次加载？我们可以使用window.performance这个方法。
但是 performance.navigation （performance.navigation.type） 已弃用，取而代之的写法是什么呢？
判断页面的导航通过刷新还是其他页面跳转的方式。
window.performance.getEntriesByType("navigation") ——获取浏览器的导航信息
window.performance.getEntriesByType("navigation")[0].type ——获取到浏览器的导航类型
以前的 performance.navigation （performance.navigation.type） 已弃用。
window.performance.getEntriesByType("navigation")[0].type
在JavaScript中，可以通过检查performance.navigation的type属性来判断页面是否被刷新。如果type的值是1，则表示页面是通过用户手动刷新的。
以下是一个示例代码
被弃用的写法：
if (performance.navigation.type == performance.navigation.type.TYPE_RELOAD) {
console.log('页面是通过手动刷新的');
}
新写法：
if (window.performance.getEntriesByType("navigation")[0].type == 'reload') {
console.log('页面是通过手动刷新的');
}
还有，判断一个页面是从其他页面点进来的，我们可以判断：document.referer.
参考文献：
1、基于Uni-app前端框架的SUMER UI3.0组件库
2、uniapp精仿支付宝UI界面源码下载，基于SumerUI一款仿支付宝APP
3、uniapp精仿微信源码，基于SumerUI一款仿微信APP应用
SUMER UI【用于开发APP、小程序、H5网站、毕业设计…】
免责声明
本文所涉及的资源来自公共网络搜索等合法途径整理而来，该资料仅作为学习研究使用，并无任何商业目的，严禁用于商业用途。
任何访问、浏览本文，无论是否下载资源的用户，均代表已阅读、理解并同意遵守本声明条款。
内容来源：本文所有内容均来自公共网络搜索等合法途径，本文只做整理，若版权方认为本文侵权，请立即通知文章作者（微信：sumer-work），提供相关证明材料，如版权属实，作者将在24小时内删除贴文，谢谢!
版权归属：本文所上传的资源内容的版权归相应内容作者或权利人所有，本店不对涉及的版权问题负法律责任！
免责声明：大部分资源均是免费下载，若有部分资源标识为付费资源，则仅仅是对作者搜集、整理资料所付出的汗水和努力作出的一定补偿，请下载了资源的用户尊重版权方的知识产权，并在下载资源后24小时内删除， 谢谢!
