window.location的详细介绍

最新推荐文章于 2024-09-11 10:43:47 发布

葡萄葡萄豆干

最新推荐文章于 2024-09-11 10:43:47 发布

阅读量622

点赞数 2

分类专栏：前端基础知识文章标签： html javascript

原文链接：https://originalix.github.io/2020/05/10/window.location%E7%94%A8%E6%B3%95%E8%AF%A6%E8%A7%A3/

版权

前端基础知识专栏收录该内容

8 篇文章 0 订阅

订阅专栏

在这里插入图片描述
如果你需要获取网站的 URL 信息，那么 window.location 对象就是为你准备的。使用它提供的属性来获取当前页面地址的信息，或使用其方法进行某些页面的重定向或刷新。

https://www.samanthaming.com/tidbits/?filter=JS#2

window.location.origin   → 'https://www.samanthaming.com'
               .protocol → 'https:'
               .host     → 'www.samanthaming.com'
               .hostname → 'www.samanthaming.com'
               .port     → ''
               .pathname → '/tidbits/'
               .search   → '?filter=JS'
               .hash     → '#2'
               .href     → 'https://www.samanthaming.com/tidbits/?filter=JS#2'

window.location 的属性。

window.location	返回值
.origin	协议 + 主机名 + 端口号
.protocol	协议，例如(http: 或 https:)
.host	域名 + 端口
.hostname	域名
.port	端口号
.pathname	首个 / 开始的路径名称
.search	?开始的参数字符串
.hash	#后跟随的锚点或是片段标识符
href	完整网址