用JS获取地址栏参数的方法(超级简单)
时间: 2024-03-12 21:50:15 浏览: 13
可以使用以下代码来获取地址栏参数:
```javascript
var params = new URLSearchParams(window.location.search);
var paramValue = params.get('paramName');
```
其中,`paramName` 是需要获取的参数名称,`paramValue` 是获取到的参数值。
相关问题
js 获取地址栏里的参数
在 JavaScript 中,我们可以使用 `window.location.search` 属性来获取地址栏中的参数部分。具体的操作步骤如下:
1. 首先,通过 `window.location.search` 属性可以获取到 URL 中的查询参数部分,它包含了以问号 `?` 开头的所有内容。
2. 然后,我们可以使用字符串相关的方法来解析这个查询参数部分,如 `substring()`、`split()` 等。
3. 例如,我们可以使用 `substring(1)` 来去掉地址栏中的问号 `?`,得到纯粹的查询参数字符串。
4. 接下来,我们可以使用 `split('&')` 方法将查询参数字符串分割为多个参数,返回一个包含所有参数的数组。
5. 然后,我们可以遍历这个数组,使用 `split('=')` 方法将每个参数分割为键和值,返回一个包含键值对的数组。
6. 最后,我们可以根据需要获取指定参数的值,或者将所有参数及其值存储到对象中方便使用。
以下是一个示例代码:
```javascript
function getURLParameters() {
var parameters = {};
var queryString = window.location.search.substring(1); // 去掉问号 '?'
var parameterArray = queryString.split('&');
for (var i = 0; i < parameterArray.length; i++) {
var parameter = parameterArray[i].split('=');
parameters[decodeURIComponent(parameter[0])] = decodeURIComponent(parameter[1] || '');
}
return parameters;
}
var urlParams = getURLParameters();
console.log(urlParams); // 输出包含所有参数及其值的对象
```
通过以上的代码,我们可以获取到地址栏中的参数,并将它们以键值对的形式存储在一个对象中,以便后续的使用。
封装一个获取url地址栏中参数的方法
可以使用JavaScript编写一个方法,实现获取URL地址栏中的参数。
方法如下:
```javascript
function getUrlParam(name) {
// 获取当前页面的URL地址
var url = window.location.search;
// 正则表达式匹配参数名
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
// 匹配参数值
var result = url.substr(1).match(reg);
// 返回参数值,如果没有则返回null
return result ? decodeURIComponent(result[2]) : null;
}
```
使用方法:
```javascript
// 获取参数名为id的参数值
var id = getUrlParam("id");
```
以上方法实现了获取URL地址栏中的参数值,并将其解码后返回。