location的部分屬性

http://www.w3school.com.cn/jsref/dom_obj_location.asp

location.host　　　　能夠設置或返回主機名和當前url的端口    www.w3school.com.cn (若是有端口號還會獲取到端口號)

若是要訪問一個地址能夠不用協議頭但要多添加//

let url = '//' + location.host+'/jsref/dom_obj_location.asp'

location.protocol　　能夠設置或返回當前的url協議　　　　http:

 

location.origin　　能夠得到返回協議頭和主機名和當前url的端口　　　　http://www.w3school.com.cn

可是location.origin有兼容問題 ie11纔開始可以獲取的到值，ie11如下都是undefined

兼容處理

 

 if (!window.location.origin) {
        window.location.origin = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port: '');
 }
　　
location.href          設置或返回完整的 URL　　　　　　　　　　　　　　　　　　　　http://www.w3school.com.cn/jsref/dom_obj_location.asp

location.pathname      設置或返回當前 URL 的路徑部分                          /jsref/dom_obj_location.asp

location.hostname 　　　設置或返回當前 URL 的主機名　　　　　　　　　　　　　　　　　www.w3school.com.cn (不會獲取端口號)

location.hash　　　　　　設置或返回從井號 (#) 開始的 URL（錨）。　　　　　　　　　　　　http://localhost.sf-express.com:8081/we/cx/index#/address/ibu-edit (#/address/ibu-edit)

location.port　　　　　　端口號　　　　　　8080
location.search　　　　　設置或返回從問號 (?) 開始的 URL（查詢部分）。