Javascript获取url中值

1. Javascript获取url中值

在JavaScript中，你可以使用多种方法来从URL中获取参数值。

以下是一些常见的方法：

1.1. 使用 URLSearchParams API (推荐)

URLSearchParams 是一个内置对象，用于处理 URL 的查询字符串。

它提供了一个简单的方法来获取、设置和删除查询参数。

// 假设当前页面的URL是 http://example.com/?param1=value1&param2=value2

// 获取当前页面的完整URL
const urlParams = new URLSearchParams(window.location.search);

// 获取名为 'param1' 的参数值
const param1Value = urlParams.get('param1'); // 'value1'

// 获取名为 'param2' 的参数值
const param2Value = urlParams.get('param2'); // 'value2'

1.2. 手动解析查询字符串

如果你需要支持旧版浏览器或想自己控制解析过程，可以手动解析查询字符串。

function getQueryParam(param) {
    const queryString = window.location.search; // 获取查询字符串部分 "?param1=value1&param2=value2"
    const params = new URLSearchParams(queryString); // 创建URLSearchParams对象
    return params.get(param); // 返回指定参数的值
}

// 使用示例
const param1Value = getQueryParam('param1');
const param2Value = getQueryParam('param2');

1.3. 使用正则表达式

这是一种更底层的方法，适用于不需要兼容所有现代浏览器的情况。

function getQueryParam(param) {
    const regex = new RegExp(`[?&]${param}=([^&]*)`);
    const match = window.location.search.match(regex);
    return match ? decodeURIComponent(match[1]) : null;
}

// 使用示例
const param1Value = getQueryParam('param1');
const param2Value = getQueryParam('param2');

以上三种方法都可以用来从URL中获取参数值，但是使用 URLSearchParams API 是最现代且简洁的方式，而且它已经被广泛支持了。

如果你的项目需要考虑非常老旧的浏览器，那么可能需要使用其他两种方法之一。