建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
// 重新加載當(dāng)前頁(yè)面location.href = location.href;
- 本文目錄導(dǎo)讀：
- 1、location.href 屬性
- 2、location.protocol 屬性
- 3、location.hostname 和 location.host 屬性
- 4、location.pathname 屬性
- 5、location.search 屬性
- 6、location.hash 屬性
創(chuàng)新互聯(lián)-專(zhuān)業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性?xún)r(jià)比頭屯河網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式頭屯河網(wǎng)站制作公司更省心,省錢(qián),快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋頭屯河地區(qū)。費(fèi)用合理售后完善，十余年實(shí)體公司更值得信賴(lài)。
對(duì)于前端開(kāi)發(fā)人員來(lái)說(shuō)，JavaScript 的 location 對(duì)象是一個(gè)非常重要的對(duì)象。它可以讓我們輕松地獲取當(dāng)前頁(yè)面的 URL，并且可以改變?yōu)g覽器窗口中顯示的 URL。
下面我將為大家介紹一些 JavaScript 中常用的 location 方法和屬性。
location.href 屬性
location.href 是最常見(jiàn)的 location 屬性之一，它返回當(dāng)前頁(yè)面的完整 URL 地址。我們可以使用這個(gè)屬性來(lái)跳轉(zhuǎn)到其他頁(yè)面或者重新加載當(dāng)前頁(yè)面。
例如：
```
// 跳轉(zhuǎn)到百度首頁(yè)
location.href = "";
// 重新加載當(dāng)前頁(yè)面
location.href = location.href;
location.protocol 屬性
location.protocol 返回當(dāng)前頁(yè)面所使用協(xié)議（如 http 或 https）。通過(guò)檢查這個(gè)值，我們可以判斷是否在安全模式下運(yùn)行網(wǎng)站（即 https 協(xié)議）。
if (location.protocol === "https:") {
console.log("您正在安全模式下瀏覽本網(wǎng)站！");
}
location.hostname 和 location.host 屬性
這兩個(gè)屬性都返回服務(wù)器主機(jī)名。但是有一個(gè)區(qū)別：hostname 只返回域名部分（不包括端口號(hào)），而 host 包括域名和端口號(hào)。
假設(shè)現(xiàn)在你正在訪(fǎng)問(wèn) www.example.com:8080 這個(gè)地址，在 JavaScript 中執(zhí)行以下代碼：
console.log(location.hostname); // 輸出 "www.example.com"
console.log(location.host); // 輸出 "www.example.com:8080"
location.pathname 屬性
location.pathname 返回當(dāng)前頁(yè)面的路徑部分。例如，如果你正在訪(fǎng)問(wèn) 頁(yè)面，那么 location.pathname 將返回 "/products/bicycle.html"。
console.log(location.pathname); // 輸出 "/products/bicycle.html"
location.search 屬性
location.search 返回頁(yè)面 URL 中查詢(xún)字符串（以 "?" 開(kāi)頭）部分。我們可以使用這個(gè)屬性來(lái)獲取傳遞給頁(yè)面的參數(shù)。
假設(shè)現(xiàn)在你正在訪(fǎng)問(wèn)以下地址：
通過(guò) JavaScript 代碼獲取 q 參數(shù)的值如下：
const searchParams = new URLSearchParams(location.search);
console.log(searchParams.get("q")); // 輸出 "JavaScript"
location.hash 屬性
location.hash 返回當(dāng)前頁(yè)面中錨點(diǎn)部分（以 "#" 開(kāi)頭）。通常情況下，我們可以使用錨點(diǎn)鏈接到文檔中特定位置。
假設(shè)現(xiàn)在你正在訪(fǎng)問(wèn)以下地址：
通過(guò) JavaScript 代碼獲取錨點(diǎn)值如下：
console.log(location.hash); // 輸出 "#team"
以上就是關(guān)于 JavaScript Location 常用方法和屬性的詳細(xì)介紹。希望本文能夠?qū)Υ蠹矣兴鶐椭?/p>
分享標(biāo)題：JavaScriptLocation常用方法和屬性詳解
轉(zhuǎn)載注明：http://www.5511xx.com/article/dhodjdo.html
