检查页面是否在JavaScript中重新加载或刷新

当有人试图刷新页面时，我想检查一下。

例如，当我打开一个页面什么都没有发生，但当我刷新页面时，它应该显示一个警告。

当前回答

我在JavaScript检测页面刷新中找到了一些信息。他的第一个建议是使用隐藏字段，这些字段往往是通过页面刷新存储的。

function checkRefresh() { if (document.refreshForm.visited.value == "") { // This is a fresh page load document.refreshForm.visited.value = "1"; // You may want to add code here special for // fresh page loads } else { // This is a page refresh // Insert code here representing what to do on // a refresh } } <html> <body onLoad="JavaScript:checkRefresh();"> <form name="refreshForm"> <input type="hidden" name="visited" value="" /> </form> </body> </html>

2011-02-15 14:43:31

其他回答

if(sessionStorage.reload) { 
   sessionStorage.reload = true;
   // optionnal
   setTimeout( () => { sessionStorage.setItem('reload', false) }, 2000);
} else {
   sessionStorage.setItem('reload', false);
}

2020-01-02 10:53:53

在控制台添加以下脚本:

window.addEventListener("beforeunload", function(event) { 
     console.log("The page is redirecting")           
     debugger; 
});

2020-11-18 06:35:44

 document.addEventListener("keydown", (e)=>{
   if (e.keyCode === 116) {
     e.preventDefault();

      // your code here
      // var r = confirm("Reload!");
      // if (r == true)
      //  window.location.reload();
   }
 })

这里我们使用事件监听器“keydown”，因为F1 - F12键在浏览器上无法用于“keypress”。 116是“F5”的键码。检查在这里 'preventDefault()'将停止按下键的默认功能。在这里，当按下F5时，它会停止直接刷新。然后添加代码。当警报被确认时，'location.reload()'将重新加载页面

2021-07-24 06:09:18

在有人第一次访问该页面时存储一个cookie。刷新时检查你的cookie是否存在，如果存在，提醒。

function checkFirstVisit() {
  if(document.cookie.indexOf('mycookie')==-1) {
    // The cookie doesn't exist. Create it now
    document.cookie = 'mycookie=1';
  }
  else {
    // Not the first visit, so alert
    alert('You refreshed!');
  }
}

在你的body标签中:

<body onload="checkFirstVisit()">

2011-12-20 07:25:23

<script>
    
    var currpage    = window.location.href;
    var lasturl     = sessionStorage.getItem("last_url");

    if(lasturl == null || lasturl.length === 0 || currpage !== lasturl ){
        sessionStorage.setItem("last_url", currpage);
        alert("New page loaded");
    }else{
        alert("Refreshed Page");  
    }

</script>

2020-10-12 15:15:41

检查页面是否在JavaScript中重新加载或刷新

推荐文章

最新文章

标签