javascript location 是 window 對象的屬性，可獲取、設(shè)置和操作當(dāng)前文檔的 url，包括 href、協(xié)議、主機(jī)名、路徑和片段標(biāo)識符。它允許開發(fā)者控制和導(dǎo)航文檔的網(wǎng)址，并訪問 url 的各個部分。
什么是 JavaScript Location？
JavaScript Location 是 window 對象的一個屬性，它提供了當(dāng)前文檔的 URL 以及與之關(guān)聯(lián)的信息。它允許你獲取、設(shè)置和操作當(dāng)前文檔的地址。
具體功能
Location 對象提供了以下功能：
href：獲取或設(shè)置當(dāng)前文檔的完整 URL。
protocol：獲取 URL 的協(xié)議（例如 “http://” 或 “https://”)。
host：獲取主機(jī)名和端口號（例如 “www.example.com:80”)。
hostname：獲取主機(jī)名（例如 “www.example.com”)。
port：獲取端口號（例如 “80”)。
pathname：獲取文檔路徑（例如 “/index.html”)。
search：獲取查詢字符串（例如 “?q=javascript”)。
hash：獲取片段標(biāo)識符（例如 “#section-1”)。
reload()：重新加載當(dāng)前文檔。
replace()：用新 URL 替換當(dāng)前 URL，不會在歷史記錄中創(chuàng)建新的條目。
assign()：類似于 replace()，但會將新 URL 添加到歷史記錄中。
代碼示例
以下代碼示例演示了如何使用 Location 對象：
console.log(`完整 URL：${location.href}`);
console.log(`協(xié)議：${location.protocol}`);
console.log(`主機(jī)名和端口號：${location.host}`);
console.log(`主機(jī)名：${location.hostname}`);
console.log(`端口號：${location.port}`);
console.log(`文檔路徑：${location.pathname}`);
console.log(`查詢字符串：${location.search}`);
console.log(`片段標(biāo)識符：${location.hash}`);
登錄后復(fù)制
用途
Location 對象在 web 開發(fā)中非常有用，它可以用于以下目的：
獲取當(dāng)前文檔的 URL。
導(dǎo)航到新 URL。
更改當(dāng)前文檔的 URL。
訪問 URL 的各個部分（協(xié)議、主機(jī)名、路徑等）。
