js 定义一个方法实现从页面URL中获取参数

青衣浏阳

于 2020-09-29 15:23:44 发布

阅读量1k

点赞数 1

CC 4.0 BY-SA版权

文章标签： js 正则表达式

本文链接：https://blog.csdn.net/m0_49016709/article/details/108868802

本文介绍了一种便捷的方法来从URL中获取传递的参数，通过编写一个名为`getUrlParam`的JavaScript函数，可以简单地解析并获取如`a=do&type=1&status=2`这样的参数值。例如，要获取`type`和`status`的值，只需调用`getUrlParam('type')`和`getUrlParam('status')`，即可得到1和2的值。这个函数对于日常开发中处理页面间跳转参数非常实用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在日常开发中页面间跳转使用url里传递参数很是方便，今天就写一个函数方便从url里获取传递的参数。
url里传递参数需要使用&链接,写法是&key=val
直接上代码

/**
 * 获取url参数
 * @param name  参数的名称
 * @returns 参数名称对应的值
 */
let getUrlParam=function(name) {
	//构造一个含有目标参数的正则表达式对象
	var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
	//匹配目标参数
	var r = window.location.search.substr(1).match(reg);
	//返回参数值
	if (r != null) return unescape(r[2]);
	return null;
};

使用
你地址栏的链接地址
https://xxx?a=do&type=1&status=2
你要获取参数type的值还有status的值
var type=getUrlParam(‘type’); // 1
var status=getUrlParam('status); // 2