JS 获取静态页面的参数

最新推荐文章于 2024-12-06 19:29:59 发布

转载最新推荐文章于 2024-12-06 19:29:59 发布 · 691 阅读

本文介绍了一种使用JavaScript从URL中提取参数的方法，并提供了一个简单的示例。通过解析location.search属性，该方法能够将URL参数转化为易于操作的对象形式。

达人科技 2016-12-12 09:56

<!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>

效果图：

JS 获取静态页面的参数