Javascript 重定向

Michael Zippo

有幾種方法可以重定向網頁：客戶端使用 HTML 中的元標記和服務器端使用 HTTP 重定向方法等等。在本文中，我們將了解如何使用 JavaScript 重定向網頁。

使用 JavaScript 代碼進行頁面重定向有兩種可能的方法。兩者都涉及窗口位置對象。

第一種方法涉及位置對象的 href 屬性（它又是窗口對象的一部分）。您唯一需要做的就是通過將您希望重定向到的 URL 分配為 location.href 來處理重定向。您可以在頁面加載時執行的 JavaScript 函數中執行此操作：

我在文檔底部添加了一個腳本標籤，就在正文標籤之前。這就是我們的 JavaScript 的用武之地。一個名為handleRedirect 的函數有一個名為url 的參數。我們將 location.href 分配給此 URL 的值。

在文檔正文的頂部，我們有一個 onload 事件。這個 onload 事件執行我們分配給它的 JavaScript 函數。在這裡，我們傳遞了我們希望它去的 URL。重定向立即發生並轉到 Python.Engineering 博客文章的 HTML 部分。

如果你想在頁面重定向之前添加一個暫停，你可以這樣做這使用 setTimeout 函數。這是如何做到的：;

其他一切都保持不變。

此方法將源頁面添加到堆棧歷史記錄。它可以通過瀏覽器的後退按鈕訪問。如果您願意，另一種替換 url 的方法 - 我們稍後會看到！

如您所見，我們不必都需要腳本標籤對於這個單線。上傳文檔後，它會執行 location.replace 方法，該方法將我們定向到括號中的站點。

這裡！您現在可以使用 JavaScript 重定向到新網頁。