Javascript 防止在刷新页面上多次单击返回导航

我使用window.history.go（）方法转到上一页按钮

问题：重新加载页面后，我需要多次单击按钮才能转到上一页

那么，如何防止多次单击“后退”按钮在第一次单击时返回

在本文中找到了

history.pushState（）

和

window.onpopevent（）

methods:，这是解决方案吗

如何在我的代码中实现

代码

HTML:

使用

window.onbeforeunload

方法在重新加载页面后返回按钮工作，但在正常状态下不重新加载页面返回按钮无法再导航：

goBackButton.onclick = function(e) {
   window.onbeforeunload = function(event)
      {
        return confirm("Confirm refresh");
      }; 
   window.history.go(-4);
}

---

有什么建议吗？

我认为问题在于，您的href=“#”在单击时正在将当前页面添加到历史记录中。尝试将以下内容添加到函数中，以防止链接的默认行为

e.preventDefault()

---

您想不启用多次单击按钮吗？不，我需要在页面重新加载后单击一次执行window.history.go（-1）方法，但在单击3次后它会工作，然后我刷新页面您导航到的URL看起来像什么？我会考虑在查询字符串或隐藏字段中保存/保留“PiviouSurl”，只需点击按钮就可以加载前一页。有什么原因不能按正常方式加载页面吗？重新加载页面后，URL不会改变页面标题，然后进行导航。您可以尝试删除链接吗，因为您正在将onclick绑定到div？更改了链接标记并更改为div仍然是同一问题我找到了这篇文章，也许这可以帮助我？您也可以尝试window.histroy.go（document.referer）；很好的建议，但是使用document.referer我无法导航到上一页，只是在单击后重新加载页面，在我的情况下唯一有效的方法是window.history.go（-2）

goBackButton.onclick = function(e) {
   window.onbeforeunload = function(event)
      {
        return confirm("Confirm refresh");
      }; 
   window.history.go(-4);
}

e.preventDefault()