JS 获取静态页面的参数

最新推荐文章于 2024-05-23 18:39:43 发布

最新推荐文章于 2024-05-23 18:39:43 发布 · 453 阅读

文章标签：

#JS 获取静态页面的参数 #获取参数 #获取静态页面的参数

境-JS 专栏收录该内容

197 篇文章

订阅专栏

本文介绍了一种使用JavaScript从URL中提取查询参数的方法。通过解析location.search属性，将参数字符串转换为对象，便于开发者获取和使用。

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>JS 获取静态页面的参数</title>
</head>
<body>
<Script language="javascript">
function GetRequest() {
	//来源 http://localhost/demo/demo.html?aaa=onestopweb&bbb=demo&ccc=chaoyi
	//location.search 获取问号及后面的参数 ?aaa=onestopweb&bbb=demo&ccc=chaoyi
	var url = location.search;
	var theRequest = new Object();
	if (url.indexOf("?") != -1) { 
		var str = url.substr(1);
		strs = str.split("&");
		for(var i = 0; i < strs.length; i ++) { 
			theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
		}
	}
	return theRequest;
}
var ClientRequest = GetRequest();
console.info(ClientRequest);
var ReauesKey = ClientRequest['aaa'];
document.write(ReauesKey);
</Script>
</body>
</html>

效果图：