Javascript 获取网站 URL答案

【问题标题】：Javascript Get Website URLJavascript 获取网站 URL
【发布时间】：2013-10-23 18:58:35
【问题描述】：

如何让 Javascript 告诉我网站 url。

例如，如果我有一个页面www.example.com/page.html

我希望 Javascript 告诉我网站 url 是 www.example.com 而不是 www.example.com/page.html（document.location 告诉我）

有没有办法做到这一点？如果有，怎么做？

提前感谢您的帮助:)

【问题讨论】：

Location objects 具有代表每个段的各种属性。
Get current URL with JavaScript?的可能重复
Get host name in JavaScript 的可能副本

标签： javascript

【解决方案1】：

有几种方法可以做到这一点，但一种方法可能最适合某些情况（例如在 iFrame 中）。

协议 + 域 + 页面

document.URL
> "http://example.com/page1.html"

document.location.href
> "http://example.com/page1.html"

协议+域

document.location.origin
> "http://example.com"

域

document.location.host
> "example.com"

页面

document.location.pathname
> "/page1.html"

【讨论】：

【解决方案2】：

使用

window.location.hostname

您只需在 chrome 开发工具控制台中输入即可对其进行测试

参考

MDN：https://developer.mozilla.org/en-US/docs/Web/API/Location

【讨论】：

【解决方案3】：

使用

document.location.origin+document.location.pathname;

document.location.origin 会将您重定向到"http://www" document.location.pathname 会将您重定向到“/stackoverflow/”（您的项目名称）。通过这种方式，您可以在 js 文件中引用您想要的页面或帖子。假设如果我想引用我的主页，我会使用

var address=document.location.origin+document.location.pathname;
 window.location.replace(address+"/home");

所以使用上面的例子我可以很容易地重定向到我的主页

【讨论】：

您能在回答中提供一些细节吗？
嘿 Prikryl 我已经编辑了我的答案。你现在明白了吗？

【解决方案4】：

试试这个

document.location.host

【讨论】：

【解决方案5】：

使用 alert(window.location.origin) 获取 url。

【讨论】：

【解决方案6】：

试试

document.location.origin

这将为您提供协议和主机。

【讨论】：

【解决方案7】：

有很多方法可以做到这一点。
打开 Chrome 浏览器并按 F12，您将获得控制台。

在此处为相同的问题 URL 键入以下命令。你会得到答案的

window.location.hostname // Output : stackoverflow.com

window.location.origin // Output : http://stackoverflow.com

document.location.host // Output : stackoverflow.com

【讨论】：

【解决方案8】：

你也可以使用location.href = '/' + 'path_name/sub_path_name'

'/' = 然后带你到主页

'path_name/sub_path_name' = 将新路径传递给域页面

【讨论】：