js获取url参数示例

最新推荐文章于 2022-09-09 20:09:00 发布

似水流年风萧兮

最新推荐文章于 2022-09-09 20:09:00 发布

阅读量200

点赞数

分类专栏：前端文章标签： js url 参数 javascript html

本文链接：https://blog.csdn.net/mr_zql/article/details/106863212

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

一、新建一个a.html文件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<a href="b.html?flag=a1">a1</a>
		<a href="b.html?flag=a2">a2</a>
	</body>
</html>

二、再建一个b.html文件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
	</body>
	<script type="text/javascript">
		/*
		 * 获取url地址的参数
		 * @param url参数
		 * @return 如果参数存在则返回参数值，不存在则返回null
		 */
		function getUrlParam(param) {
			var reg = new RegExp("(^|&)" + param + "=([^&]*)(&|$)");
			var r = window.location.search.substr(1).match(reg);
			if(r != null) return unescape(r[2]);
			return null;
		}
		var action = {
			"a1":function(){
				alert("执行了a1动作");
			}
			,"a2":function(){
				alert("执行了a2动作");
			}
		};
		action[getUrlParam("flag")]();
	</script>
</html>