Question

我环顾四周，但我没有看到任何专门针对此问题的内容。我的目标是建立一个链接，可以点击该链接添加内容或＆＃34;撤消＆＃34;添加该内容的行为。我正在尝试以下方面：

＆＃13;

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

＆＃13;

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

＆＃13;

这允许我单击链接以显示某些div内的一些内容。然后再次单击该链接以删除该内容。

但是，我想知道是否有办法实现这个结果，这也允许用户点击浏览器的后退按钮，使页面返回到触发功能之前的状态（例如，重新加载页面。）

Answer 1

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

资源：

Javascript函数onclick，返回按钮以＆＃34;刷新＆＃34;页

1 个答案: