Javascript 如何使用pushState导航url

我正在学习如何使用pushState将url导航到准确的位置。单击按钮时，url将更改为“上载”，但不会导航到url页面。这就是我所尝试的

home.html

<button onclick="loadUpload()">Upload Page</button>
<div id="upload"></div>

<script>
function loadUpload(){
  history.pushState({}, "", "/upload/");
  document.getElementById("upload");
}
</script>

上传页面
函数loadUpload（）{
pushState（{}，“，”/upload/”）；
document.getElementById（“上传”）；
}
整个
pushState
的要点是它不会触发导航。这是一种表示“我正在使用JavaScript更改DOM的状态，结果状态与访问此URL时得到的状态相同”（同时使浏览器中内置的后退和前进导航按钮正常工作）

如果要使用JavaScript进行导航，请为
location.href
指定一个新值

location.href = "/upload/"

但是，由于您的JavaScript除了导航之外不做任何事情，因此您首先应该使用一个常规链接：

<a href="/upload/">Upload Page</a>


@Quentin…谢谢你的解释。我正在尝试在不重新加载页面的情况下导航到upload.html。做这件事最好的方法是什么？你能帮我写个代码吗？你不能不加载就转到其他页面。