window.location.href是JavaScript中用來獲取或設置當前頁面的URL的屬性。
用法一:獲取當前頁面的URL
你可以通過以下方式獲取當前頁面的URL:
var url = window.location.href;
用法二:跳轉到指定URL
你可以使用以下方式將當前頁面重定向到另一個URL:
window.location.href = “https://www.example.com”;
可以將上述代碼放在某個事件的監聽函數中,當事件觸發時,頁面就會跳轉到指定的URL。
用法三:動態輸出跳轉
你可以根據某些條件來動態地決定頁面跳轉的目標URL。例如,假設你有一個表單,用戶輸入了一個URL,你需要根據用戶輸入的URL在新窗口打開這個URL。你可以使用以下代碼實現:
var userInput = document.getElementById(“user-input”).value;
window.location.href = userInput;
上述代碼中,通過獲取用戶輸入的值,然后將其賦值給window.location.href屬性,就可以實現根據用戶輸入的URL來動態地跳轉頁面。
需要注意的是,如果用戶輸入的URL不合法,可能會導致頁面錯誤或者跳轉失敗。在使用用戶輸入的URL時,需要進行合法性驗證和處理。