1. 程式人生 > >Javascript高階程式設計學習筆記(29)—— BOM(3)location物件

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.....