js获取页面参数

方法一:

var locationHref = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
var locationHrefObject = {};
locationHref.forEach(function (val) {
    var parameter = val.slice(0, val.indexOf('=')); //属性
    var data = val.slice(val.indexOf('=') + 1); //值
    locationHrefObject[parameter] = data;
})

方法二:

function getUrlParam(url,name){
    var pattern = new RegExp("[?&]"+name+"\=([^&]+)", "g");
    var matcher = pattern.exec(url);
    var items = null;
    if(matcher != null){
        try{
            items = decodeURIComponent(decodeURIComponent(matcher[1]));
        }catch(e){
            try{
                items = decodeURIComponent(matcher[1]);
            }catch(e){
                items = matcher[1];
            }
        }
    }
    return items;
}
以上是封装好的方法,用的时候只需要传入URL,和想要获取的参数名即可.
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 你可以使用 `URLSearchParams` 对象来获取 URL 的查询参数。 首先,你需要获取当前页面的 URL: ``` const url = new URL(window.location.href); ``` 然后,你可以使用 `URLSearchParams` 对象来解析 URL 的查询参数: ``` const params = new URLSearchParams(url.search); ``` 最后,你可以使用 `get` 方法获取指定的参数值: ``` const paramValue = params.get('paramName'); ``` 你也可以使用 `has` 方法来检查 URL 中是否有指定的参数,或者使用 `keys` 方法获取所有参数的名称列表。 例如,如果你想获取 URL 中名为 `id` 的参数的值,你可以这样做: ``` const id = params.get('id'); ``` 你也可以使用 `for...of` 语句来遍历所有参数: ``` for (const [key, value] of params) { console.log(key, value); } ``` 希望这能帮到你! ### 回答2: 在JavaScript中,我们可以使用window.location.search属性来获取URL参数。 URL参数是指在URL中的查询字符串部分,以问号(?)开头,后跟参数名称和值,不同的参数之间使用“&”分隔。例如,URL可能是:http://www.example.com/?name=John&age=25 我们可以使用如下代码来获取URL参数: ```javascript // 获取URL中的查询字符串 var queryString = window.location.search; // 去除问号 queryString = queryString.substring(1); // 将查询字符串分割成键-值对 var params = queryString.split("&"); // 创建一个对象来存储参数 var paramObj = {}; // 遍历键-值对,将它们存储在paramObj对象中 for (var i = 0; i < params.length; i++) { var param = params[i].split("="); var key = decodeURIComponent(param[0]); var value = decodeURIComponent(param[1]); // 将参数存储在paramObj对象中 paramObj[key] = value; } // 现在,我们可以通过paramObj对象来访问URL参数 console.log(paramObj.name); // 输出:John console.log(paramObj.age); // 输出:25 ``` 这样,我们就能够使用JavaScript获取URL参数了。 ### 回答3: 在JavaScript中,可以通过使用`window.location.search`来获取URL中的查询参数。这个属性返回`?`后面的部分,包括查询参数和哈希值。 首先,我们可以使用`decodeURIComponent()`函数对查询参数进行解码,以防止特殊字符导致的错误。然后,我们可以使用`substring()`方法将`?`符号从查询参数中去除,只保留参数部分。 例如,如果URL是`https://example.com/?name=John&age=25`,我们可以使用以下代码来获取参数: ```javascript const queryString = window.location.search; const decodedParams = decodeURIComponent(queryString.substring(1)); console.log(decodedParams); ``` 以上代码将输出`name=John&age=25`。接下来,我们可以进一步处理参数字符串以获取每个参数的键和值。 ```javascript const params = decodedParams.split('&'); const paramsObj = {}; params.forEach(param => { const [key, value] = param.split('='); paramsObj[key] = value; }); console.log(paramsObj); ``` 以上代码将输出一个包含每个参数键和值的对象: ```javascript { name: "John", age: "25" } ``` 现在,我们可以通过访问`paramsObj`对象的属性来获取特定参数的值。例如,想要获取`name`参数的值,可以使用`paramsObj.name`。 总结起来,我们可以通过将URL的查询参数字符串解析为对象,以便在JavaScript中轻松地获取和使用URL参数

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值