js 获取url参数

你可以使用 `URLSearchParams` 对象来获取 URL 的查询参数。

首先，你需要获取当前页面的 URL：

const url = new URL(window.location.href);

然后，你可以使用 `URLSearchParams` 对象来解析 URL 的查询参数：

const params = new URLSearchParams(url.search);

最后，你可以使用 `get` 方法来获取指定的参数值：

const paramValue = params.get('paramName');

你也可以使用 `has` 方法来检查 URL 中是否有指定的参数，或者使用 `keys` 方法来获取所有参数的名称列表。

例如，如果你想获取 URL 中名为 `id` 的参数的值，你可以这样做：

const id = params.get('id');

你也可以使用 `for...of` 语句来遍历所有参数：

for (const [key, value] of params) {
  console.log(key, value);
}

希望这能帮到你！

相关问题

js 获取 url 参数

在JavaScript中，获取URL参数通常有两种常见的方法：

1. **使用`window.location.search`**:
可以通过`window.location.search`获取查询字符串（query string），然后使用`split('=')`将其分解成键值对数组。例如：

var urlParams = new URLSearchParams(window.location.search);
var paramValue = urlParams.get('参数名'); // 如果存在该参数，则返回值

2. **直接解析URL字符串**:
直接将整个URL字符串按照问号`?`分割，然后再对每个片段进一步处理。这里有一个简单的示例：

function getUrlParam(url, paramName) {
    var params = url.split('?')[1];
    if (params) {
        var pairs = params.split('&');
        for (var i = 0; i < pairs.length; i++) {
            var pair = pairs[i].split('=');
            if (pair[0] === paramName) return decodeURIComponent(pair[1]);
        }
    }
    return null;
}

// 使用示例
var value = getUrlParam(window.location.href, '参数名');

在这个例子中，如果找不到指定的参数，函数会返回`null`。

前端JS获取url参数

前端JS可以通过以下几种方法获取URL参数：

1. 使用自己封装的方法getUrlParams(url)。这个方法会将URL中的参数解析成一个对象，对象的属性是参数名，属性值是参数值。可以通过调用getUrlParams(url)来获取URL参数的对象。\[1\]

2. 使用getQueryVariable(variable)函数。这个函数会返回URL中指定参数名的参数值。可以通过调用getQueryVariable(variable)来获取指定参数名的参数值。\[2\]

3. 使用getParameterURL(str)函数。这个函数会返回URL中指定参数名的参数值。可以通过调用getParameterURL(str)来获取指定参数名的参数值。\[3\]

以上三种方法都可以根据需要选择使用，根据不同的情况来获取URL参数。
#### 引用[.reference_title]
- *1* [前端JS截取url上的参数](https://blog.csdn.net/qq_43291759/article/details/131022820)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [JS获取url参数](https://blog.csdn.net/zhouwei922/article/details/123471379)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [前端javascript获取url参数](https://blog.csdn.net/listennerBGM/article/details/91045805)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]