0

我正在尝试制作一个简单的网站,其页面由 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>

但它做同样的事情。

4

2 回答 2

0

浏览器的后退按钮适用于 URL 更改,因此如果 URL 未更改,浏览器会假定您在同一页面上。幸运的是,您可以通过设置location.hash或使用html5 历史 API(仅适用于较新的浏览器)来更改 javascript 中的 URL,而不会导致整个页面重新加载。您还必须有一些 javascript 来处理这些事件。

于 2013-06-06T21:26:35.150 回答
0

在您的代码中,您有一个按钮可以更改带有 id 的元素内容:page

当您单击此按钮时,您不会更改页面,您只会更改同一页面的 DOM 元素,这意味着您停留在初始页面

于 2013-06-06T21:27:35.627 回答