Javascript高階程式設計學習筆記(29)—— BOM(3)location物件
在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.....