标签：0.1 URL js 获取 html 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/"

标签：0.1,URL,js,获取,html,location,地址栏
来源： https://www.cnblogs.com/heibaimao123/p/16199641.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。