Window.location 详细介绍

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

找个网址控制台输入window.location

hostvs  和  hostname

在上面的示例中，你会注意到 host 和 hostname 的返回值是一样的，那么为什么会定义两个属性名呢？这和端口号有关，让我们一起来看看。

没有端口号的 URL

https://www.samanthaming.com

window.location.host; // 'www.samanthaming.com'
window.location.hostname; // 'www.samanthaming.com'

window.location.port; // ''

带端口号的 URL

https://www.samanthaming.com:8080

window.location.host; // 'www.samanthaming.com:8080'
window.location.hostname; // 'www.samanthaming.com'

window.location.port; // '8080'

因此，host 将包含端口号，而 hostname 将只返回域名。


今天就先到这啦 喜欢 点赞 +  收藏哦！  你肯定用得到！！！