JS 获取 url 参数

获取 url 参数

描述

获取 url 中的参数

  1. 指定参数名称,返回该参数的值 或者 空字符串
  2. 不指定参数名称,返回全部的参数对象 或者 {}
  3. 如果存在多个同名参数,则返回数组
  4. 不支持URLSearchParams方法

示例

输入:

	http://www.nowcoder.com?key=1&key=2&key=3&test=4#hehe key

输出:

	[1, 2, 3]

题解

	function getUrlParam(sUrl, sKey) {
		// ["key=1", "key=2", "key=3", "test=4"]
	    let arr = sUrl.split("?")[1].split("#")[0].split("&"), obj={};
	    arr.forEach(item=>{
	        let [key, value] = item.split("=");
	        if(key in obj){
	            obj[key] = [].concat(obj[key], value);
	        }else{
	            obj[key] = value
	        }
	    })
	    return sKey ? obj[sKey] || "" : obj;
	}
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 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
发出的红包

打赏作者

爱划水de鲸鱼哥~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值