获取网址所携带的参数

最新推荐文章于 2023-11-28 21:46:03 发布

寒凌冰封

最新推荐文章于 2023-11-28 21:46:03 发布

阅读量1.5k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_38630793/article/details/85267761

版权

前端专栏收录该内容

10 篇文章 1 订阅

订阅专栏

1、函数：

function getUrlParam(theUrl) {
	/*获取地址，若有传参则为参数，否则为当前页面地址*/
	var thisUrl = (theUrl || location.href || "");
	/*创建一个用于存储参数的对象*/
	var paramObj = new Object();
	/*若存在‘？’，说明地址携带参数，否则没带参数*/
	if(thisUrl.indexOf("?") != -1) {
		/*截取地址中从‘？’下一位开始的字符串，即参数字段*/
		var str = thisUrl.substr(thisUrl.indexOf("?") + 1);
		strs = str.split("&");
		/*参数存储于对象之中*/
		for(var i = 0; i < strs.length; i++) {
			/*decodeURIComponent() 对编码后的 URI 进行解码*/
			paramObj[strs[i].split("=")[0]] = decodeURIComponent((strs[i].split("=")[1]));
		}
	}
	return paramObj;
};

2、使用：

var thisId = getUrlParam('https://www.baidu.com?id=11111').id;
console.log(thisId); //结果输出为11111

或者直接调用函数不传参：thisId = getUrlParam().id;

thisId结果为当前页面网址参数‘id’的值