Hello! 欢迎来到小浪资源网!

js 如何判断页面刷新


可以通过以下方法在 JavaScript 中判断页面刷新:使用 window.onbeforeunload 事件,它会在页面刷新或离开时触发,允许您询问用户是否确定离开或阻止页面刷新。使用 document.visibilitystate 属性,它表示文档的当前可见性状态,当页面刷新或离开时,该属性将更改为 “hidden”。

js 如何判断页面刷新

JS 如何判断页面刷新?

在 JavaScript 中,有两种主要方法可以判断页面是否刷新:

1. 使用 window.onbeforeunload 事件

window.onbeforeunload 事件会在页面刷新或离开时触发。您可以使用此事件监听器来执行以下操作:

  • 询问用户是否确定要离开页面。
  • 阻止页面刷新。
window.onbeforeunload = function() {   return "您确定要离开页面吗?"; };

2. 使用 document.visibilityState 属性

document.visibilityState 属性表示文档的当前可见性状态。当页面刷新或离开时,此属性将更改为 “hidden”。您可以使用以下代码来监听此状态的变化:

document.addEventListener("visibilitychange", function() {   if (document.visibilityState === "hidden") {     // 页面已刷新或离开   } });

注意:

  • window.onbeforeunload 事件可以在某些浏览器中被禁用。
  • document.visibilityState 属性不适用于所有浏览器。

相关阅读