Question

我正在尝试创建一个简单的网站，其中包含由Javascript呈现的页面，例如：

<script>
function openPage(page) {
    if(page == "Page2") document.getElementById('page').innerHTML = "You are on Page2";
}
</script>
<a href="#" onclick="openPage('Page2')">Page2</a>

这样可行，但我的问题是在Page2出现后，后退按钮不会返回到初始页面。当按下后退按钮时，如何让它返回默认的Page1？

我也尝试过：

<a href="javascript:openPage('Page2');">Page2</a>

但它做同样的事情。

Answer 1

浏览器的后退按钮适用于URL更改，因此如果URL未更改，则浏览器会假定您位于同一页面上。幸运的是，您可以更改javascript中的网址，而不会导致setting location.hash或使用html5 history api重新加载整页（仅适用于较新的浏览器）。你还必须有一些javascript来处理这些事件。

Answer 2

在您的代码中，您有一个按钮，用于更改ID为页面

的元素内容

单击此按钮时不更改页面，只更改同一页面的DOM元素，这意味着您将保留在初始页面

执行JS后使页面继续前进

2 个答案: