js 获取当前url

在JavaScript中，可以通过使用`window.location`对象来获取当前页面的URL。该对象包含了很多属性，其中`href`属性就对应着当前页面的URL。通过访问`window.location.href`属性，我们可以很容易地获取到当前页面的URL。

不过在获取当前URL之前，我们需要先了解一下URL的结构。URL（统一资源定位符）是用于标识和定位互联网上资源的地址，通常由若干个部分组成。一个标准的URL通常包含以下几部分：

1. 协议(protocol)：指定了用于访问资源的协议，如http、https等。

2. 主机(host)：指定了资源所在的主机名或IP地址。

3. 端口(port)：指定了资源所使用的端口号。

4. 路径(path)：指定了资源在服务器上的路径。

5. 查询字符串(query string)：包含了一些参数，用于向服务器传递额外的信息。

6. 锚点(anchor)：用于在页面内部进行导航。

当我们访问一个网页时，浏览器会将当前页面的URL存储在`window.location`对象中。通过访问`window.location.href`属性，我们可以获取到完整的URL，包括协议、主机、端口、路径、查询字符串和锚点等信息。例如，如果我们访问的是`https://www.example.com/page?query=1#anchor`这个页面，那么`window.location.href`就会返回`https://www.example.com/page?query=1#anchor`。

除了`window.location.href`属性之外，`window.location`对象还包含了很多其他属性，例如`protocol`、`hostname`、`pathname`、`search`和`hash`等，分别对应着URL中的不同部分。通过这些属性，我们可以更精细地获取到URL中的各个部分信息。

总的来说，在JavaScript中获取当前页面的URL非常简单，只需要访问`window.location.href`属性即可。通过这个属性，我们可以方便地获取到当前页面的URL，并对其进行需要的处理。JavaScript的这种特性为开发者提供了很大的便利，使得我们可以更灵活地处理URL相关的操作。