使用 JavaScript 获取当前 URL？

Question

我想要的只是获取网站 URL。不是从链接中获取的 URL。在页面加载时，我需要能够获取网站的完整当前 URL，并将其设置为变量以随意使用。

原文由 dougoftheabaci 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

利用：

 window.location.href

如评论中所述，下面的行有效，但它在 Firefox 中存在错误。

 document.URL

请参阅 DOMString 类型的 URL，只读。

原文由 VolkerK 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

URL 信息访问

JavaScript 为您提供了许多方法来检索和更改显示在浏览器地址栏中的当前 URL。所有这些方法都使用 Location 对象，它是 Window 对象的一个属性。您可以通过阅读 window.location 来读取当前的 Location 对象：

 var currentLocation = window.location;

基本网址结构

<protocol>//<hostname>:<port>/<pathname><search><hash>

• protocol： 指定用于访问Internet资源的协议名称。 （HTTP（无 SSL）或 HTTPS（有 SSL））

• hostname： 主机名指定拥有资源的主机。例如， www.stackoverflow.com 。服务器使用主机名提供服务。

• 端口： 用于识别特定进程的端口号，Internet 或其他网络消息到达服务器时将转发到该特定进程。

• 路径名： 该路径提供有关 Web 客户端想要访问的主机内特定资源的信息。例如， /index.html 。

• 搜索： 查询字符串跟在路径部分之后，并提供资源可用于某些目的的信息字符串（例如，作为搜索参数或要处理的数据）。

• 哈希： URL 的锚点部分，包括井号 (#)。

使用这些 Location 对象属性，您可以访问所有这些 URL 组件以及它们可以设置或返回的内容：

• href - 整个 URL
• protocol - URL 的协议
• host - URL 的主机名和端口
• hostname - URL 的主机名
• port - 服务器用于 URL 的端口号
• pathname - URL 的路径名
• search - URL 的查询部分
• hash - URL 的锚点部分
• 来源- window.location.protocol + '//' + window.location.host

我希望你得到你的答案..

原文由 Nikhil Agrawal 发布，翻译遵循 CC BY-SA 4.0 许可协议