Javascript 重定向

| | | | | | | | | | | | | |

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

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

href

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

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

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

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

其他一切都保持不變。

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

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

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