JS判断页面是否刷新

JS判断页面是否刷新判断页面刷新的方式用到了 NavigationTi 这个属性主要是为了评估网站的表现 比如网页加载时间 发送与获取请求的时间 网页渲染时间等等 checkforNavi window performance console info window performancew

判断页面刷新的方式用到了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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/233247.html原文链接:https://javaforall.net

(0)
上一篇 2025年8月4日 下午12:01
下一篇 2025年8月4日 下午12:22


相关推荐

  • 深入看ECMP(详解其实现机制)

    深入看ECMP(详解其实现机制)本文转载自 https www sdnlab com 20605 html 个人总结 我低估了 ECMP 虽然这玩意不算难 但是我依然对它有一些错误理解 为此 把它的实现机制转过来 深入地看一看到底什么是 ECMP 特别是基于数据流的转发 对某一个结点运用 ECMP 时的前提是 这些数据流的目标地址相同 源地址不同 比如来自源地址 A 的数据流和来自源地址 B 的数据流都要经过 R 到达目标地址 D 而 R 到 D 有

    2026年3月19日
    2
  • DeepSeek本地部署与数据训练AI实战教程

    DeepSeek本地部署与数据训练AI实战教程

    2026年3月16日
    1
  • 什么是web标准以及web标准的构成_web标准的理解

    什么是web标准以及web标准的构成_web标准的理解web标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要

    2022年8月5日
    9
  • Ubuntu12.04下使用virtualbox4.3.12 amd64安装XP系统教程

    Ubuntu12.04下使用virtualbox4.3.12 amd64安装XP系统教程

    2021年12月14日
    55
  • navicat怎么连接远程mysql_navicat可以连接sql server吗

    navicat怎么连接远程mysql_navicat可以连接sql server吗第一,首先能ping通mysql数据库所在的主机。第二,telnetmysql数据库的端口号。如果不行,要在防火墙,高级设置里面,配置入站规则;开放3306端口。第三,如果还不行,结合下面两个网址http://blog.csdn.net/a19881029/article/details/50805562,总结如下:第一步:mysql服务没问

    2022年10月13日
    3
  • Centos 7 安装 yum 命令

    Centos 7 安装 yum 命令在Centos7上安装yum命令在官网下载centos7最新ios镜像,用VM进行安装,具体安装步骤在这里不做赘述,可以翻阅网上其他教程。一般安装完成后centos都会自带yum。执行yumlist命令可能会报以下几种错误。错误一:couldnotfindmirror  表明无法找到软件镜像源,因为是网络的原因。因此我们要去修改网络配置解决方式:执…

    2022年6月4日
    51

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号