js怎么拿到地址字符串

在JavaScript中获取地址字符串的方法主要包括window.location对象的使用、URLSearchParams对象解析查询参数、以及通过正则表达式解析URL等方式。 其中，最常用和简单的方法是通过window.location对象获取完整的URL地址。

一、window.location对象

window.location对象是最常用的方式之一，它提供了一系列属性来获取不同部分的URL地址。

1. 获取完整的URL

let fullUrl = window.location.href;
console.log(fullUrl);

这个属性返回当前页面的完整URL，包括协议、主机名、端口号（如果有）、路径以及查询参数。

2. 获取协议

let protocol = window.location.protocol;
console.log(protocol);

这个属性返回URL的协议部分，例如http:或者https:。

3. 获取主机名

let hostname = window.location.hostname;
console.log(hostname);

这个属性返回URL的主机名部分，例如www.example.com。

4. 获取路径

let pathname = window.location.pathname;
console.log(pathname);

这个属性返回URL的路径部分，例如/path/to/page.html。

二、URLSearchParams对象

URLSearchParams对象用于处理URL中的查询字符串，可以很方便地解析查询参数。

1. 创建URLSearchParams对象

let params = new URLSearchParams(window.location.search);

这个方法创建一个URLSearchParams对象，用于解析当前URL中的查询参数。

2. 获取单个参数

let paramValue = params.get('paramName');
console.log(paramValue);

这个方法返回指定查询参数的值。

3. 获取所有参数

params.forEach((value, key) => {
    console.log(`${key}: ${value}`);
});

这个方法遍历所有的查询参数，输出每个参数的键和值。

三、使用正则表达式解析URL

正则表达式可以用来解析URL中的特定部分，例如协议、主机名、路径和查询参数。

1. 定义正则表达式

let urlPattern = /^(https?)://([^/:]+)(:d+)?(/[^?#]*)?(?[^#]*)?(#.*)?$/;

这个正则表达式可以解析URL的不同部分，包括协议、主机名、端口号、路径、查询参数和片段标识符。

2. 使用正则表达式解析URL

let url = 'https://www.example.com:8080/path/to/page.html?param1=value1&param2=value2#section';
let match = url.match(urlPattern);
if (match) {
    let protocol = match[1];
    let hostname = match[2];
    let port = match[3];
    let pathname = match[4];
    let search = match[5];
    let hash = match[6];
    console.log(`Protocol: ${protocol}`);
    console.log(`Hostname: ${hostname}`);
    console.log(`Port: ${port}`);
    console.log(`Pathname: ${pathname}`);
    console.log(`Search: ${search}`);
    console.log(`Hash: ${hash}`);
}

通过这个方法，可以解析并获取URL的各个部分。

四、总结

通过window.location对象、URLSearchParams对象以及正则表达式解析，可以非常方便地获取和处理URL地址字符串。在实际开发中，这些方法可以帮助我们更好地解析和操作URL，满足各种业务需求。