溫馨提示×

window.location.href的用法(動態(tài)輸出跳轉(zhuǎn))

小云
237
2023-08-16 15:27:14
欄目: 編程語言

window.location.href是JavaScript中用來獲取或設(shè)置當(dāng)前頁面的URL的屬性。

用法一：獲取當(dāng)前頁面的URL

你可以通過以下方式獲取當(dāng)前頁面的URL：

var url = window.location.href;

用法二：跳轉(zhuǎn)到指定URL

你可以使用以下方式將當(dāng)前頁面重定向到另一個URL：

window.location.href = “https://www.example.com”;

可以將上述代碼放在某個事件的監(jiān)聽函數(shù)中，當(dāng)事件觸發(fā)時，頁面就會跳轉(zhuǎn)到指定的URL。

用法三：動態(tài)輸出跳轉(zhuǎn)

你可以根據(jù)某些條件來動態(tài)地決定頁面跳轉(zhuǎn)的目標(biāo)URL。例如，假設(shè)你有一個表單，用戶輸入了一個URL，你需要根據(jù)用戶輸入的URL在新窗口打開這個URL。你可以使用以下代碼實現(xiàn)：

var userInput = document.getElementById(“user-input”).value;

window.location.href = userInput;

上述代碼中，通過獲取用戶輸入的值，然后將其賦值給window.location.href屬性，就可以實現(xiàn)根據(jù)用戶輸入的URL來動態(tài)地跳轉(zhuǎn)頁面。

需要注意的是，如果用戶輸入的URL不合法，可能會導(dǎo)致頁面錯誤或者跳轉(zhuǎn)失敗。在使用用戶輸入的URL時，需要進(jìn)行合法性驗證和處理。

0 踩