在JS中location是一個神奇的對象

它既是window對象的屬性，也是document對象的屬性

它的作用主要在於保存當前文檔頁面的信息，以及將 url 解析為獨立的片段

location對象屬性

1、hash　　返回url中的 #後面的0個或多個字符，若 url 不包含#則返回空字符串

2、host　　返回url中的服務器名稱和端口號 如“localhost:8080”

3、hostname　　返回url中不帶端口號的服務器名稱

4、href　　返回當前加載頁的完整 url

5、pathname　　返回 url 中的路徑名如："localhost/lhy:8080" 則返回 "/lhy”

6、port　　返回 url中的端口號

7、protocol　　返回所使用的協議一般為：http、https

8、search　　返回url中的查詢字符串，即問號開始的部分，包括問號

上述屬性中一般來說可能用到比較多的就是 hash 、search

由於事件中有監聽hash改變的事件，所以可以利用該事件來完成前端路由

即一般來說前後分離（非模板直出）的應用常使用該值來進行，不同頁面之間的信息傳遞

位置操作

location對象還有許多方法用於控制當前的頁面位置

1、assign方法 傳遞一個 url 瀏覽器會打開該 url 並生成一條新的瀏覽記錄（window.location或location.href修改值的時候默認會調用assign方法）

2、replace方法 該方法和assign類似，但是兩者的區別在於，assign會新生成瀏覽器的歷史記錄，而replace不會生成新的，而是會用傳入的參數來替換當前的url

3、reload方法 該方法不用傳入參數，若傳入true則會忽視瀏覽器緩存，強制從服務器重新加載

以上就是location有關的內容，本來還要講一個對象的，但是今天是元旦嘛，就放松一下

大家元旦快樂，emm.....

Javascript高級編程學習筆記（29）—— BOM（3）location對象