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