页面首次被加载方法

页面首次加载(初始化）：就是窗口第一次被打开，即使在本页跳转其他链接再返回就不算是第一次加载了。
页面刷新：即页面的手动刷新。

1，window.name进行区分是否被刷新或者是第一次加载，因为即使页面刷新， name值也不会被重置（页面跳转仍然不会重置，除非手动关闭当前页面）

1
2
3
4
5
6

if(window.name == '') {
console.log('页面首次加载111');
window.name = 'reload'
} else {
console.log('页面被刷新222')
}

2，本地存储sessionstorage或者是cookie
3，window.chrome对象，顾名思义，只能是在谷歌浏览器中使用

（1）window.chrome对象提供了一个loadTimes的方法，得到是的关于页面加载的信息

（2）其中有一个 navigationType 字段

1
2
3
4

console.log(window.chrome.loadTimes().navigationType);
**Other** 第一次加载
**Reload** 页面被刷新
**BackForward** 页面是通过返回进来的

4,window.performance.navigation记载网页导航的相关信息，有一个type属性

1
2
3
4

window.performance.navigation.type
0 页面首次加载
1 页面被刷新
2 页面是通过其他页面返回的

实例

第一种方法：通过window.name来判断，代码如下：


<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>$(window).load()方法示例</title>
  <script src="./static/js/jquery.min.js"></script>
</head>
<body>
 
 
  <script>
 
	
	$(function(){ 
		/*alert("第二种方法。"); */
		
		if(window.name == '') {
    console.log('页面首次加载111');
		alert('页面首次加载111');
    window.name = 'reload'
} else {
    console.log('页面被刷新222')
	alert('页面被刷新222')
}
		
		
	}); 
	
  </script>
</body>
</html>

相关阅读:
python unittest测试报告生成
Http 1.0 1.1 2.0 3.0 版本差别
【正则表达式】正则表达式里使用变量
定位到叠放次序以及定位的拓展
MySQL的select语句
第一个Java代码
博客项目（前后端分离）（servlet实战演练）
输电线路巡视无人机故障坠落防护装置：守护飞行安全的防线
Winform控件绑定数据
听厂家聊聊：矿井作业存在的危险以及常使用的劳保防护用品有哪些？

原文地址：https://blog.csdn.net/yqj234/article/details/132709527