window.location.host 和 window.location.hostname 有啥区别 [重复]

Posted 2023-04-14

【中文标题】window.location.host 和 window.location.hostname 有啥区别 [重复]

【英文标题】：Whats the difference between window.location.host and window.location.hostname [duplicate]window.location.host 和 window.location.hostname 有什么区别 [重复]

【发布时间】：2011-09-26 19:21:45

【问题描述】：

他们似乎都给了我同样的东西（当前执行脚本的域名）。

那么有什么区别（如果有的话）以及应该在哪里使用？

【问题讨论】：

developer.mozilla.org/En/Window.location

具体来说， developer.mozilla.org/En/Window.location#Properties

【参考方案1】：

MDN Web Docs - window.location

host....：主机名和端口号。 [www.google.com]:80hostname：主机名（不包括端口号或方括号）。 www.google.com

【讨论】：

在我的萤火虫控制台中，我得到了相同的结果 - domain.com 和 domain.com。没有方括号，没有端口号。这是代码：console.log(window.location.host); console.log(window.location.hostname);

@Thomas 可能是端口只有在非标准（= 不是 80）时才是显式的

很公平。所以，如果我想要当前域名，它的主机名。 :) 非常感谢 - 将在 4 分钟内接受答案！ :p

@Pekka 如果您有示例“localhost:80”包含端口 80，在这种情况下，“window.location.host”和“window.location.hostname”相同，因为 80 是默认端口.如果你有 "localhost:54198" 你会得到以下结果：window.location.host = "localhost:54198" and window.location.hostname = "localhost"。

那么host和origin之间的区别是origin还附加了protocol？