js之location

介绍

通过window.location对象，可以读取地址栏的值，也可以进行赋值实现url跳转。
可以直接使用location表示window.location。

读取

需要注意，读取的是执行之后的地址栏内容，仅仅手动编辑而未访问，是无效的。

（1）href

location.href

http://127.0.0.1:8843/html-desk/test.html?id=123#abx

获取整个地址栏内容

（2）protocol

location.protocol

http:

获取地址栏URL的协议部分，注意是带冒号字符的

（3）host

location.host

127.0.0.1:8843

获取地址栏URL的主机和端口部分

（4）port

location.port

8843

获取地址栏URL的端口部分

（5）pathname

location.pathname

/html-desk/test.html

获取地址栏URL的路径部分

（6）query

（7）hash

location.hash

#abx

获取地址栏URL的hash部分

（8）hostname

location.hostname

127.0.0.1

获取地址栏URL的主机部分

（9）origin

location.origin

http://127.0.0.1:8843

获取地址栏URL的协议、主机和端口部分

赋值

location.href="https://www.baidu.com/"