javascript/jquery获取地址栏url参数的方法

下面是“JavaScript/jQuery获取地址栏URL参数的方法”的完整攻略：

1. JavaScript获取地址栏参数

在JavaScript中，我们可以通过以下步骤获取地址栏参数：

1. 首先，获取当前页面的URL地址：

   javascript
var currentUrl = window.location.href;

2. 接着，我们可以使用search属性来获取整个查询字符串（即URL中跟随问号后面的所有内容）：

   javascript
var queryString = window.location.search;

3. 最后，我们可以使用正则表达式或字符串操作来从查询字符串中提取我们需要的参数值：

   ```javascript
   // 使用正则表达式提取参数值
   var regex = /[?&]param=([^&]*)/;
   var paramValue = regex.exec(queryString)[1];

   // 使用字符串操作提取参数值
   var indexOfParam = queryString.indexOf('param=') + 6;
   var paramValue = queryString.slice(indexOfParam);
   ```

注意：以上代码中的param是我们要查找的参数名，可以根据实际情况进行修改。

示例一：

假设我们要获取URL中的id参数，那么可以这样写：

var regex = /[?&]id=([^&]*)/;
var id = regex.exec(window.location.search)[1];
console.log(id);

如果当前页面的URL为http://www.example.com/?id=12345，则控制台会输出12345。

示例二：

同理，假设我们要获取URL中的name参数，可以这样写：

var indexOfName = window.location.search.indexOf('name=') + 5;
var name = window.location.search.slice(indexOfName);
console.log(name);

如果当前页面的URL为http://www.example.com/?name=John%20Doe，则控制台会输出John%20Doe。

2. jQuery获取地址栏参数

在jQuery中，我们可以使用$.param()和$.urlParam()两个方法来获取地址栏参数。

1. $.param(obj)方法可以将一个JSON对象转换成查询字符串，例如：

   javascript
var data = { id: 12345, name: 'John Doe' };
var queryString = $.param(data);
// queryString = "id=12345&name=John%20Doe"

2. $.urlParam(name)方法可以获取指定名称的查询字符串参数值，例如：

   javascript
var id = $.urlParam('id');
var name = $.urlParam('name');

注意：以上代码中的id和name是我们要查找的参数名，可以根据实际情况进行修改。

示例一：

假设我们要获取URL中的id参数，那么可以这样写：

var id = $.urlParam('id');
console.log(id);

如果当前页面的URL为http://www.example.com/?id=12345，则控制台会输出12345。

示例二：

同理，假设我们要获取URL中的name参数，可以这样写：

var name = $.urlParam('name');
console.log(name);

如果当前页面的URL为http://www.example.com/?name=John%20Doe，则控制台会输出John%20Doe。

希望这篇攻略对你有所帮助！