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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • linux中getchar函数用法,linux getchar函数使用

    linux中getchar函数用法,linux getchar函数使用1函数介绍1)函数原型intgetchar(void);2)函数功能从stdin中读取一个字符。3)返回值返回读取字符的ASCII值或者EOF字符或者出错值。4)头文件#include2函数使用2.1getchar函数的特点Linux下编写的一个例子:#includeintmain(void){charch;intnum;num=0;printf…

    2022年10月18日
    2
  • 为什么优秀的程序猿都阅读源码

    为什么优秀的程序猿都阅读源码

    2022年2月13日
    49
  • js定时器setinterval_nodejs定时器

    js定时器setinterval_nodejs定时器最近帮公司的APP前端做RN,要求是用typescript,然后就掉进坑里了,别的不说,先说说setInterval()这个定时器函数,因为typescript是强类型语言,定义setInterval()必须定义其返回值,但是你无论用百度或者谷歌搜中文也好英文也罢,都告诉你setInterval()的返回值类型是number,但是真的是这样么?让我们看看如果你将setInterval()定…

    2022年9月27日
    2
  • 安装搭建Python2.* 和3.* 环境详细步骤

    安装搭建Python2.* 和3.* 环境详细步骤Python是跨平台的,它可以运行在Windows、Mac和各种Linux/Unix系统上。安装Python首先进入"Python官方网站",将Python下载下来。wi

    2022年7月5日
    24
  • 安装Chrome驱动[通俗易懂]

    安装Chrome驱动[通俗易懂]相信许多小伙伴在学习selenium时候遇到驱动器无法运行的错误,就跟我一样,所以写一篇博客讲一讲如何安装这就是谷歌浏览器驱动没有安装成功而产生的报错。下面我给大家简单说说如何安装谷歌驱动器。Windows系统1.下载谷歌浏览器可以参考以下链接https://www.google.cn/intl/zh-CN/chrome然后检测自己的版本2.下载对应的Chrome驱动参考以下的链接http://npm.taobao.org/mirrors/chromedriver/应该可以看到以下

    2022年6月29日
    29

发表回复

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

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