• 页面首次被加载方法

     

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

    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来判断，代码如下：

    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4.   <meta charset="UTF-8">
    5.   <title>$(window).load()方法示例</title>
    6.   <script src="./static/js/jquery.min.js"></script>
    7. </head>
    8. <body>
    9.  
    10.  
    11.   <script>
    12.  
    13. 	
    14. 	$(function(){ 
    15. 		/*alert("第二种方法。"); */
    16. 		
    17. 		if(window.name == '') {
    18.     console.log('页面首次加载111');
    19. 		alert('页面首次加载111');
    20.     window.name = 'reload'
    21. } else {
    22.     console.log('页面被刷新222')
    23. 	alert('页面被刷新222')
    24. }
    25. 		
    26. 		
    27. 	}); 
    28. 	
    29.   </script>
    30. </body>
    31. </html>

  • 相关阅读:
    Django（2）连接MySQL
    Linux启动流程分析
    共享单车数据分析与需求预测项目
    滑动窗口和螺旋矩阵
    JVM——一些零散的概念（后续学习深入了再补充）
    手记系列之七 ----- 分享Linux使用经验
    什么是堆栈和队列？如何实现它们？
    Linux系统课程学习------概述
    React18组件一键转换Vue3组件
    【PAT甲级】1077 Kuchiguse
  • 原文地址：https://blog.csdn.net/yqj234/article/details/132709527