11-4-1 JS取得網址

若要使用 javascript 取得網址，是可以分別取得以上各部分的內容，使用方法如下：

* window.location.href 取得目前造訪網頁的網址

window.location.protocol 取得目前造訪網頁的通訊協定(protocol)

window.location.host 取得目前造訪網頁的主機名稱(hostname), 包含port

window.location.hostname 取得目前造訪網頁的主機名稱(hostname)

* window.location.pathname 取得目前造訪網頁的路徑(path)

window.location.hash 取得目前造訪網頁錨點(#)(hashtag)

window.location.port 取得目前造訪網頁的 port

window.location.search 取得目前造訪網頁 qeuery 參數，比如 ?a=test

取得首頁網址

let url = window.location.href;
let home_url = url.replace(window.location.pathname, '')
console.log(home_url)