頁面跳轉實現方法:location.href:分配新 url 直接跳轉。window.location:控制頁面 url 和跳轉,如 assign、replace、reload。window.open:在新窗口或選項卡中打開頁面。document.location:與 window.location 類似,適用于當前文檔關聯頁面。
JS 頁面跳轉如何實現
JavaScript 提供了多種方式實現頁面跳轉,具體取決于需要跳轉的頁面和跳轉的類型。以下是一些常用的方法:
1. location.href
此屬性表示當前頁面的 URL。通過將新的 URL 分配給此屬性,可以跳轉到另一個頁面。例如:
location.href = "https://example.com/";
登錄后復制
2. window.location
window.location 對象提供了對當前頁面 URL 和其他信息的控制。可以用以下方式進行頁面跳轉:
window.location.assign(“https://example.com/”) – 將新 URL 分配給當前頁面,但不更改歷史記錄。
window.location.replace(“https://example.com/”) – 替換當前頁面的歷史記錄中當前 URL,并加載新頁面。
window.location.reload() – 重新加載當前頁面。
3. window.open
此方法允許在新的窗口或選項卡中打開頁面。語法如下:
window.open("https://example.com/", "_blank");
登錄后復制
使用 “_blank” 參數將在新的選項卡中打開頁面,而 “_self” 將在當前窗口中打開頁面。
4. document.location
document.location 屬性與 window.location 類似,但僅適用于與當前文檔關聯的頁面。它可以通過以下方式進行頁面跳轉:
document.location = "https://example.com/";
登錄后復制
選擇合適的方法
選擇哪種頁面跳轉方法取決于具體情況。當需要立即跳轉到新頁面并清除歷史記錄時,window.location.replace() 是一種有用的選擇。如果需要在新的選項卡中打開頁面,則 window.open 是合適的選項。對于簡單的頁面跳轉,location.href 可以很好地完成工作。