页面首次被加载方法

最新推荐文章于 2024-09-04 20:18:34 发布

yqj234

最新推荐文章于 2024-09-04 20:18:34 发布

阅读量306

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/yqj234/article/details/132709527

版权

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

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>

yqj234

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
页面首次被加载方法

1，window.name进行区分是否被刷新或者是第一次加载，因为即使页面刷新， name值也不会被重置（页面跳转仍然不会重置，除非手动关闭当前页面）（1）window.chrome对象提供了一个loadTimes的方法，得到是的关于页面加载的信息。页面首次加载(初始化）：就是窗口第一次被打开，即使在本页跳转其他链接再返回就不算是第一次加载了。**BackForward** 页面是通过返回进来的。**Other** 第一次加载。**Reload** 页面被刷新。页面刷新：即页面的手动刷新。
复制链接

扫一扫