js 获取url参数_小总结 - JS获取页面URL信息

我的笔名是初心，刚入门前端，有很多地方学的都不是很透彻，还希望大家多多指教，和大家一起学习～

遇到小知识点我都会小小的总结一下，也会把最近看到的、学习到的整合到一起和大家一起分享，希望大家能够多多支持～

以下是第一篇小分享：

比如 url 为：https://www.zhihu.com/#/people/koujiaoluoli?status=active

1.设置或获取整个 URL 为字符串：window.location.href

则返回：https://www.zhihu.com/#/people/koujiaoluoli?status=active

2.设置或获取 URL 的协议部分：window.location.protocol

则返回：https:

3.设置或获取URL的主机部分：window.location.host

则返回：http://www.zhihu.com

4.设置或获取与URL关联的端口号：window.location.port

则返回：空字符

5.设置或获取 href 属性中在井号“#”后面的分段：window.location.hash

则返回：#/people/koujiaoluoli?status=active

6.设置或获取href属性中问号后面参数：window.location.search

则返回：?status=active

7.设置或获取与URL的文件地址：window.location.pathname

则返回：/