Javascript函数onclick，返回按钮"刷新"页面

Javascript function onclick, back button to "refresh" page

本文关键字：quot 刷新页面按钮函数 onclick 返回 Javascript 更新时间：2023-09-26

我已经环顾四周，但我没有看到任何具体解决这个问题的东西。我的目标是有一个链接，可以点击添加内容或"撤销"添加内容的行为。

function ShowDiv() {
  if (null == window.set) {
    document.getElementById("box2").innerHTML = "Some Content";
    window.set = "set";
  } else
    location.reload();
}

<a href="#" onclick="ShowDiv();">Link</a>
<div id="box2"></div>

这允许我点击链接来显示一些div内的内容，然后再次点击链接来删除这些内容。

然而，我想知道是否有一种方法来实现这个结果，这也允许用户单击浏览器的后退按钮返回页面到触发函数之前的状态(例如，重新加载页面)。

你正在寻找HTML5历史API。这允许您将状态推入历史记录，就好像浏览器加载了不同的位置，而无需实际发送请求并替换所有内容和javascript状态。这允许后退和前进按钮工作，只要你的JavaScript代码根据当前URL显示正确的内容。

资源:

MDN