location.href获取参数
时间: 2024-01-17 15:12:53 浏览: 116
location.href是一个可以返回当前页面的URL地址的属性,通过这个属性可以获取URL中的参数。可以通过以下方法获取URL中的参数:
1. 使用正则表达式获取参数值:可以使用正则表达式来匹配URL中的参数,并返回参数值。
```javascript
function getQuery(para) {
var reg = new RegExp('(^|&)' + para + '=([^&]*)(&|$)');
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return decodeURIComponent(r[2]);
}
return null;
}
var parameterValue = getQuery('参数名');
```
这个方法会返回指定参数名的参数值,如果URL中不存在该参数,会返回null。
2. 使用URLSearchParams对象获取参数值:可以使用URLSearchParams对象来获取URL中的参数,并返回参数值。
```javascript
var urlParams = new URLSearchParams(window.location.search);
var parameterValue = urlParams.get('参数名');
```
这个方法会返回指定参数名的参数值,如果URL中不存在该参数,会返回null。
相关问题
window.location.href获取参数
window.location.href是一个JavaScript内置对象,用于获取当前页面的URL地址。获取URL中的参数可以通过字符串截取的方式来实现,具体步骤如下:
1. 首先通过window.location.href获取当前页面的URL;
2. 通过indexOf方法获取参数在URL中的位置;
3. 通过substring方法截取出参数所在位置后的字符串;
4. 最后通过split方法将字符串以指定分隔符分割成一个数组,就可以得到所需的参数值了。
下面是一个示例代码:
```
// 获取URL中的参数值
function getUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return decodeURIComponent(r);
}
return null;
}
// 使用示例
var id = getUrlParam('id');
console.log(id);
```
以上代码会获取当前页面URL中名为id的参数值,并输出到控制台中。
window.location.href获取里面得参数
通过window.location.href获取参数的方法是通过解析URL中的查询字符串来获取。可以使用以下代码来获取参数:
```
function getParameterByName(name) {
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
results = regex.exec(location.search);
return results === null ? "" : decodeURIComponent(results
阅读全文