如何使用 pushState 導航 url

Question

我正在學習如何使用 pushState 將 url 導航到確切的位置。 單擊按鈕時，url 更改為“上傳”，但未導航到 url 頁面。 這就是我嘗試過的；

主頁.html

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

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

Answer 1

pushState的全部意義在於它不會觸發導航。 這是一種說“我正在使用 JavaScript 更改 DOM 的 state 的機制，生成的 state 與您在瀏覽器中內置的瀏覽器中獲得的按鈕相同（而制作返回和工作時）

如果您想使用 JavaScript導航，請為location.href分配一個新值。

location.href = "/upload/"

但是，由於您的 JavaScript除了導航之外不執行任何操作，因此您首先應該為此使用常規鏈接：

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