使用 JavaScript 获取当前 URL?

2022-08-29 21:47:15

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


答案 1

用:

window.location.href

正如评论中所指出的,下面的行是有效的,但它在Firefox上被错误了。

document.URL

请参阅 DOMString 类型的 URL,只读


答案 2

网址信息访问

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

var currentLocation = window.location;

基本网址结构

<protocol>//<hostname>:<port>/<pathname><search><hash>
  • 协议:指定用于访问因特网上的资源的协议名称。(HTTP(不带 SSL)或 HTTPS(带 SSL))

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

  • 港口:一个端口号,用于识别 Internet 或其他网络消息到达服务器时要转发到的特定进程。

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

  • 搜索:查询字符串跟在路径组件后面,并提供资源可用于某种目的(例如,作为搜索的参数或作为要处理的数据)的信息字符串。

  • 散 列:URL 的锚点部分包括哈希符号 (#)。

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

  • href - 整个网址
  • 协议 - URL 的协议
  • 主机 - URL 的主机名和端口
  • 主机名 - URL 的主机名
  • port - 服务器用于 URL 的端口号
  • 路径名 - URL 的路径名
  • 搜索 - URL 的查询部分
  • 哈希 - URL 的锚点部分
  • 起源 -window.location.protocol + '//' + window.location.host

我希望你得到你的答案。