# 3.2 Location
建立 `practice/location.html` 檔案來練習。
## 認識網址
`http://localhost:5500/practice/location.html?a=value1&b=value2#other`
## 使用 location 物件
`location.html` 的檔案內容如下：
```markup
```
瀏覽 `http://localhost:5500/practice/location.html?a=value1&b=value2#other` 並觀察 console 中的輸出。以及各按鈕的作用。
## 取得網址參數的資訊
編輯 `location.html` 檔案，多一個按鈕：
```markup
```
以及 JS 的部份(使用內建的 **`URLSearchParams`** )：
```javascript
var btn4 = document.getElementById("btn4");
btn4.addEventListener("click", function(){
var search_obj = new URLSearchParams(location.search);
console.log(search_obj.get("a")); // value1
});
```
透過 `new URLSearchParams()` ，然後將 `location.search` 帶入，就可以再透過 `.get()` 來取得網址參數的資訊。