JavaScript 複習之 Location對象，URL對象

Location 對象

是瀏覽器提供的原生對象，提供 URL 相關的信息和操做方法。經過window.location和document.location屬性能夠拿到這個對象。

1、屬性

• location.href:整個 UTL
• location.protocol：當前 URL 的協議，包括冒號
• location.host：主機，包括冒號和端口
• location.hostname：主機名，不包括端口
• location.port：端口號
• location.pathname：URL 的路勁部分，從根路徑/開始
• location.search：查詢字符串部分，從問號？開始
• location.hash：片斷字符串部分，從#開始
• location.username：域名前面的用戶名
• location.password：域名前面的密碼
• location.origin：URL 的協議、主機名和端口

這些屬性裏面，只有origin屬性是隻讀的，其餘屬性均可寫。

2、方法

• Location.assign()方法接受一個 URL 字符串做爲參數，使得瀏覽器馬上跳轉到新的 URL。
• Location.replace()方法接受一個 URL 字符串做爲參數，使得瀏覽器馬上跳轉到新的 URL。
• Location.reload()方法使得瀏覽器從新加載當前網址，至關於按下瀏覽器的刷新按鈕。
• Location.toString()方法返回整個 URL 字符串

URL 對象

URL 的編碼和解碼 js 提供四個 URL 的編碼/解碼方法

1. encodeURI()方法用於轉碼整個 URL。它的參數是一個字符串，表明整個 URL。它會將元字符和語義字符以外的字符，都進行轉義。
2. encodeURIComponent()方法用於轉碼 URL 的組成部分，會轉碼除了語義字符以外的全部字符，即元字符也會被轉碼。因此，它不能用於轉碼整個 URL。它接受一個參數，就是 URL 的片斷。
3. decodeURI()方法用於整個 URL 的解碼。它是encodeURI()方法的逆運算。它接受一個參數，就是轉碼後的 URL。
4. decodeURIComponent()用於URL 片斷的解碼。它是encodeURIComponent()方法的逆運算。它接受一個參數，就是轉碼後的 URL 片斷。

它的實例屬性和location對象的屬性基本一致，多了一個

• URL.searchParams返回一個URLSearchParams實例，該屬性是Location對象沒有的