溫馨提示×

window.location.href詳解

小云
314
2023-09-12 06:38:34
欄目: 編程語言

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

詳解：

  1. 獲取當(dāng)前頁面的URL：通過訪問window.location.href可以獲取當(dāng)前頁面的URL。

例如：

console.log(window.location.href); //輸出當(dāng)前頁面的URL
  1. 跳轉(zhuǎn)到指定URL：通過設(shè)置window.location.href可以將當(dāng)前頁面重定向到指定的URL。

例如：

window.location.href = "https://www.example.com"; //將當(dāng)前頁面重定向到指定的URL

需要注意的是，設(shè)置window.location.href會導(dǎo)致頁面跳轉(zhuǎn)，當(dāng)前頁面的所有狀態(tài)和數(shù)據(jù)都會被丟失。

  1. 修改URL的一部分：可以通過修改window.location.href的某些部分來改變當(dāng)前頁面的URL。

例如：

window.location.href = window.location.href.replace("example", "example2"); //將當(dāng)前頁面的URL中的 "example" 替換為 "example2"

通過修改URL的一部分，可以實現(xiàn)類似刷新頁面、添加查詢參數(shù)等功能。

  1. window.location.href的其他屬性和方法：

  • window.location.href還包含一些其他屬性和方法，例如：

  • window.location.href = URL：設(shè)置當(dāng)前頁面的URL為指定的URL。

  • window.location.href = “#fragment”：設(shè)置當(dāng)前頁面的URL的片段標(biāo)識符為指定的值。

  • window.location.href = “javascript:void(0)”：用于執(zhí)行一個空的JavaScript操作，不會導(dǎo)致頁面跳轉(zhuǎn)。

  • window.location.href.substring(start)：返回當(dāng)前頁面的URL從指定索引位置到末尾的子字符串。

  • …

通過使用window.location.href的其他屬性和方法，可以對URL進行更多的操作和處理。

總結(jié)：window.location.href是用于獲取或設(shè)置當(dāng)前頁面的URL的JavaScript屬性，可以通過設(shè)置它來進行頁面的跳轉(zhuǎn)、URL的修改等操作。

0 踩