js判断页面第一次加载或者是否执行了刷新操作

前言：关于页面是否是第一次加载或是刷新，有相同之处，也有区别。
（可能自己表达也不准确，仅仅是自己的理解，仅提供借鉴）

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

1，手动控制，在window上添加属性进行区分是否被刷新或者是第一次加载，因为即使页面刷新， name值也不会被重置（页面跳转仍然不会重置，除非手动关闭当前页面） —》实例添加了name

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 字段

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

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

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

js判断页面第一次加载或者是否执行了刷新操作相关推荐

js 判断iframe是否加载完毕
js 判断iframe是否加载完毕 CreationTime--2018年9月13日15点30分 Author:Marydon 1.javascript实现 window.onload = funct ...
【转】JS判断SWF,JPG加载完毕、兼容（Activex,plugIn）所有浏览器
JS判断SWF,JPG加载完毕.兼容(Activex,plugIn)所有浏览器这里主要说下监听SWF的加载. 网上流传已久的监听方法,只能在IE(Activex插件下)下实现.在使用plugin的浏 ...
html 判断页面加载完成,Javascript判断页面是否加载完成
很多时候我们在使用document.getElementById的时候直接在script标签中获取对象,然后使用,此时程序会出现该对象为undefined. var dom=document.getE ...
vue组件加载完成之后执行方法_Vue.js实现ready函数加载完之后执行某个函数的方法...
Vue.js实现ready函数加载完之后执行某个函数的方法发布于 2020-7-10| 复制链接摘记: vue.js 教程Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面 ...
html动态加载js方法,原生JS实现动态加载js文件并在加载成功后执行回调函数的方法...
本文实例讲述了原生JS实现动态加载js文件并在加载成功后执行回调函数的方法.分享给大家供大家参考,具体如下: 有的时候需要动态加载一个javascript文件,并且在加载成功后执行回调函数(例如文件中 ...
js控制页面滑动加载
目前页面滑动加载数据是很流行的一种方式,尤其是在手机端,应用也越来越广泛了,我在做项目的时候也遇到了,其实实现方式很简单,只是几行简单的代码就I可以搞定了,下面直接看代码 $(function() { ...
html 下拉滚动加载,原生js滚动到底部加载数据和下拉刷新 Scrollload
初衷如今移动端站点越来越多,滚动到底部加载数据和下拉刷新的需求非常的常见,即使现在很多pc站点也会有这样的需求,比如百度首页就有.虽然简单的完成这么一个功能非常方便,但是滚动往往会成为性能的瓶颈,处 ...
原生js滚动到底部加载数据和下拉刷新 Scrollload
原文地址 https://github.com/fa-ge/Scrollload/blob/master/README.md 初衷如今移动端站点越来越多,滚动到底部加载数据和下拉刷新的需求非常的常见 ...
dom加载完再执行 vue_vue中等页面dom加载完毕后执行某方法？
最近在玩一个类似拼图的东东,业务场景就是在主图加载到页面的时候,计算主图相对页面容器的缩小放大系数,通过这个系数计算子图的左边及宽度问题:在mounted中调用计算主图的原始宽高时,提示元素为空(通 ...
js中常用方法以及document.readyState 判断页面是否加载完成 complete和interactive
传回XML 文件资料的目前状况. 基本语法 intState ＝ xmlDocument.readyState; 说明这个属性是只读的,传回值有以下的可能: 0-UNINITIALIZED:X ...

js判断页面第一次加载或者是否执行了刷新操作

js判断页面第一次加载或者是否执行了刷新操作相关推荐

最新文章

热门文章