使页面在执行JS后继续前进

Make page go forward after executing JS

本文关键字：继续 JS 执行      更新时间：2023-09-26

我想做一个简单的网站，它的网页由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>

但是效果是一样的

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

在你的代码中你有一个按钮来改变元素的内容id: page

当你点击这个按钮时，你不会改变页面，你只会改变同一页面的DOM元素，这意味着你停留在初始页面

相关文章：