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


相关推荐

  • 罗技键盘+android风格,罗技这款好看轻便的蓝牙键盘,让你在电脑手机间无缝切换…

    罗技键盘+android风格,罗技这款好看轻便的蓝牙键盘,让你在电脑手机间无缝切换…来源:极客之选摘要对便携性和颜值有要求的用户,这款键盘很适合。罗技K380蓝牙键盘是罗技比较经典的一款外设产品,最近,罗技新推出了k380芍药白和茱萸粉两种新配色,让我们来一起看一下。其中粉色介于粉色和裸色之间,相比粉色增加了一丝灰色。极客之选本次拿到的是白色版本,颜色也非亮白,而是与粉色类似较柔和,两种颜色整体都非常素雅,因此也适合在各种场合使用。外观上,罗技K380延续了一贯的设计…

    2022年10月15日
    4
  • Try catch如何使用[通俗易懂]

    Try catch如何使用[通俗易懂]trycatch适用场合:一、兼容性浏览器的兼容性是程序员很头痛的事儿,往往一些出错会让我们查找许久,在使用trycatch能更好的解决兼容性出错的问题:由于不同浏览器报错提示也不尽相同,通过使用trycatch捕获的浏览器的报错提示,来判断用户使用的浏览器,然后做出对应的解决方法;那么,你如果用if,就只能反馈真或假,而不能直接抛出浏览器的报错内容。二、防止阻塞trycatch用…

    2022年6月20日
    43
  • 怎么新建pytest的ini文件_pytest conftest.py文件

    怎么新建pytest的ini文件_pytest conftest.py文件前言pytest配置文件可以改变pytest的运行方式,它是一个固定的文件pytest.ini文件,读取配置信息,按指定的方式去运行查看pytest.ini的配置选项pytest-h找到以下

    2022年7月30日
    6
  • Jps算法_JPS算法

    Jps算法_JPS算法目录概念 强迫邻居(ForcedNeighbour) 跳点(JumpPoint) JPS寻路算法(JumpPointSearch) 实现原理 示例过程 JPS+(JumpPointSearchPlus) 预处理 示例过程 总结 参考概念JPS(jumppointsearch)算法实际上是对A*寻路算法的一个改进,因此在阅读本文之前需要先了解A*算法。A*算法在扩展节点时会把节点所有邻居都考虑进去,这样openlist中点的..

    2022年9月20日
    2
  • 最全Python学习路线图,21天学会Python!「建议收藏」

    最全Python学习路线图,21天学会Python!「建议收藏」原创最全Python学习路线图,21天学会Python!…

    2022年5月6日
    53
  • TCP/IP具体解释–TCP/UDP优化设置总结& MTU的相关介绍「建议收藏」

    TCP/IP具体解释–TCP/UDP优化设置总结& MTU的相关介绍

    2022年2月5日
    42

发表回复

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

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