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（查询部分）。