在Web开发中，获取URL中的参数是非常常见的需求。这些URL参数可以为我们提供有用的信息，帮助我们判断用户的操作行为，做出相应的反应。而在JavaScript中，我们可以利用location.search来获取当前页面中的URL参数。

location是一个包含当前URL信息的对象，其中search属性指向URL中的查询字符串。查询字符串通常包含了许多键值对，它们被连接在一起，使用“&”符号分隔。例如，一个包含参数name和age的URL可能长这样：

http://example.com/?name=John&age=25

现在，我们将介绍如何使用JavaScript中的location.search来提取这些参数。

1. 获取参数列表

最基本的用法是直接获取查询字符串的文本内容。我们可以利用字符串方法来提取每个键值对，并将其存储为JavaScript中的对象。比如下面的代码可以返回包含所有URL参数键值对的对象：

```

function getUrlParams() {

var params = {};

var queryString = location.search.substr(1);

queryString && queryString.split('&').forEach(function(item) {

var arr = item.split('=');

var name = arr[0];

var value = arr[1];

if (name) {

params[name] = decodeURIComponent(value);

}

});

return params;

}

```

首先，我们使用substr(1)方法来去掉查询字符串中的“？”标识。然后，我们调用split('&')方法将该字符串拆分为键值对的数组。最后，我们循环遍历该数组，提取每个键值对，并将其存储为JavaScript对象的属性。

在以上示例中，我们还使用了decodeURIComponent方法来解码字符串，并将URL参数值转换为实际值。这是因为在URL中特殊字符（比如空格、加号等）被编码后，它们可能无法在浏览器中正常显示。

2. 获取特定参数

有时候，我们只需要提取URL中的一个或几个特定参数，而不是全部参数。在这种情况下，我们可以使用类似的方法，但需要在循环内部添加一些逻辑来检查参数名称。

```

function getUrlParam(name) {

var queryString = location.search.substr(1);

var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");

var result = queryString.match(reg);

if (result) {

return decodeURIComponent(result[2]);

}

return null;

}

```

我们首先使用正则表达式来匹配URL中指定名称的参数。如果有匹配到，我们将解码后的值返回；如果没有，我们则返回null。

3. URL跳转

有时候，我们需要在JavaScript代码中动态地生成URL，然后跳转到该URL。在这种情况下，我们可以使用location.href属性来设定URL。

```

function goToPage(pageName) {

var params = getUrlParams();

params.page = pageName;

var newUrl = location.pathname + "?" + $.param(params);

location.href = newUrl;

}

```

在以上示例中，我们首先使用getUrlParams函数获取当前页面的所有URL参数。然后，我们添加一个新的参数“pageName”，并使用jQuery的$.param方法将所有参数连接成查询字符串。最后，我们使用location.href将页面跳转到生成的新URL。

总结

通过使用location.search属性，我们可以轻松地在JavaScript中获取当前页面的URL参数。我们可以通过分析URL字符串，提取出需要的参数，并将其存储为JavaScript对象。我们可以使用正则表达式匹配特定参数，也可以使用location.href属性跳转到由JavaScript动态生成的URL。通过这些方法，我们可以更方便地处理和使用当前页面的URL参数。