JavaScript正则获取地址栏中参数的方法

深入JavaScript正则表达式在获取URL参数中的应用技巧

对于Web开发者来说，获取地址栏中的参数是一项基础技能。本文将指导你如何使用JavaScript正则表达式轻松获取URL参数，同时分享两款实用的正则表达式工具。

一、问题的提出

假设你的形如：

你希望从中获取名为“type”的参数值。

二、解决方案的JavaScript实现

我们可以定义一个名为`getAddressURLParam`的函数，它接受一个参数名作为输入，然后返回一个匹配到的参数值。函数内部使用正则表达式来匹配目标参数。具体步骤如下：

1. 创建一个正则表达式对象，用于匹配目标参数及其值。这个正则表达式会匹配以目标参数名称开头或紧跟在'&'后面的字符串，并捕获等号后面的值。

2. 使用`window.location.search`获取当前URL的查询字符串部分（即问号及其后面的部分），然后使用正则表达式进行匹配。

3. 如果匹配成功，返回解码后的参数值；否则返回null。

以下是具体的实现代码：

```javascript

function getAddressURLParam(paramName) {

var reg = new RegExp("(^|&)" + paramName + "=([^&])(&|$)"); // 创建正则表达式对象

var url = window.location.search.substr(1).match(reg); // 匹配目标参数及其值

if (url != null) { // 如果匹配成功，返回参数值（已解码）

return decodeURIComponent(url[2]); // 注意这里使用了decodeURIComponent而不是unescape，因为unescape可能会遇到编码问题。