育將電腦工作室 - 線上書籍

111網頁前端設計工程師培訓班
===============

若要使用 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 
 
 取得首頁網址

```javascript

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

MarkDown