判断页面刷新的方式用到了Navigation Timing API,这个属性主要是为了评估网站的表现,比如网页加载时间,发送与获取请求的时间,网页渲染时间等等。

//check for Navigation Timing API support
if (window.performance) {console.info("window.performance works fine on this browser");
}if (performance.navigation.type == 1) {console.info( "This page is reloaded" );location.hash='/app/homepage'} else {console.info( "This page is not reloaded");}

国内博客上出现的都是这个属性——onbeforeunload,用法如下。但是经过试验以及查阅资料得出这个属性用于离开页面而不是刷新页面。

onbeforeunload事件在即将离开当前页面(刷新或关闭)时触发。该事件可用于弹出对话框,提示用户是继续浏览页面还是离开当前页面。–菜鸟教程

     window.onbeforeunload = function(event) { console.log("e",event);event.returnValue = "我在这写点东西..."; }; 
 window.addEventListener("beforeunload", function(event) { event.returnValue = "我在这写点东西...3357"; location.pathname = 'www.baidu.com'console.log("e",event);
}); 
参考文献

Check if page gets reloaded or refreshed in Javascript

JS判断页面是否刷新相关推荐

  1. html js 如何判断页面是第一次访问还是重复刷新访问,使用JS判断页面是首次被加载还是刷新...

    1 利用window.name属性在页面刷新时不会重置判断(在该属性空置的情况下可使用) if(window.name == ""){ console.log("首次被加 ...

  2. JS判断页面控件是否可用

    JS判断页面控件是否可用[原创] 2009-12-08 16:27 如果你看到这篇文章,甚至目前正愁于该问题的困扰,希望你把这篇文章看完.至少下次不会在这个问题上浪费时间. 近期做的项目中涉及到页面控 ...

  3. JS判断页面加载完毕

    //JS判断页面加载完毕,再隐藏加载效果层,一个简单的JS加载效果.document.onreadystatechange = function () {if (document.readyState ...

  4. html判断返回刷新页面,jquery判断页面是否刷新?

    jquery判断页面是否刷新的方法: 1.jquery判断页面是刷新还是新建: 通过赋值判断window.name的值获取页面的状态是刷新还是新建的.if(!window.name){ alert(& ...

  5. js判断页面是首次加载还是刷新

    1:利用window.name属性在页面刷新时不会重置判断(在改属性空置的情况下可使用) if(window.name == ""){console.log("首次被加载 ...

  6. html判断是否在页面,js判断页面关闭

    JavaScript判断某个页面是否已经关闭 var N=document.getElementById(your_submit_Id); var flag=0; N.attachEvent(&quo ...

  7. vue跳转下个页面关闭当前页面_如何机智判断页面是刷新还是关闭,背景:vue项目,需求:关闭页面,下次直接跳到登陆页...

    最近项目有这么个需求:要在关闭当前系统的窗口的时候,退出登录, 因为如果不退出登录可能存在安全风险,其实我想说,电脑没事别借给别人活着离开工位记得一定要锁屏,其实我们设置了cookie失效时间的,过了 ...

  8. JS判断页面是否被iframe嵌套

    1.判断页面是否被iframe有三种方法 //方式一 if (self.frameElement && self.frameElement.tagName == "IFRAM ...

  9. JS判断页面是在pc端还是移动端打开方法

    好久没复习js了,今天正好之前的项目要重新写一套移动端的代码,之前的没有做移动端的兼容,故将遇到的问题写在上面: 在移动设备应用越来越广泛的今天,许多网站都开始做移动端的界面展示,两者屏幕尺寸差异很大 ...

  10. JS判断页面是否在微信浏览器、QQ浏览器等打开的方法

    本文实例讲述了js判断当前页面是否在微信浏览器打开的方法.分享给大家供大家参考,具体如下: 转自http://blog.csdn.net/jason_wangying/article/details/ ...

最新文章

  1. 网络安全界永恒不变的10大安全法则
  2. tf之get_Variable()
  3. 重磅 | 20+技术大咖齐聚 阿里云数据库创新上云峰会进入一周倒计时
  4. 学习响应式BootStrap来写融职教育网站,Bootsrtap第五天页脚
  5. Visual Studio Code 开发 .NET Core 看这篇就够了
  6. Python List insert()方法
  7. 涡轮机叶片matlab强度分析论文,一种基于MATLAB及Pro_E的涡轮建模方法
  8. Gensee SDK RoleType详解
  9. 教你一招轻松入门python,不收藏等于错失了一个亿!
  10. CSRF跨站请求伪造攻击
  11. 利用Seaborn库进行简单的画图
  12. Day01 - 打开Linux大门
  13. linux服务器邮局,linux系统下安装postfix邮局服务器
  14. Java获取本机ip地址的代码
  15. 简单易学又有效的颈椎病自我康复操
  16. “红蓝眼人”问题中旅行者说的话的作用
  17. 工作流模式的学习与总结
  18. 计算机网络复习 ---- IP地址分类
  19. 重要:关于PPT转图片需要注意的问题
  20. 学生档案信息管理系统java_基于jsp的学籍档案信息管理系统-JavaEE实现学籍档案信息管理系统 - java项目源码...

热门文章

  1. visualstudio 2017 工具栏隐藏解决办法
  2. Statement和PreparedStatement的区别
  3. java jdom jar_jdom jar
  4. java jdom 设置第1行_使用JDOM操作XML
  5. 阿里云服务器搭建过程(小白起步)
  6. 线束对插件厂商网站汇总
  7. 安装oracle数据库过程中系统表空间,Oracle数据库安装及配置
  8. EDEM 2020的安装
  9. 服务器数字显示器,数字显示器
  10. 修正Linux下WPS字体库缺失