javascript如何获取地址栏的参数?
JavaScript在web开发中,不同的页面间经常会需要参数的传递,比如新闻列表和新闻详情页面,怎么绑定不同的id给它们,这时候比较简单的方案就是通过地址栏传输对应的参数。
javascript获取地址栏的参数的方法:
方法一:采用正则表达式获取地址栏参数:
<html>
<head>
</head>
<body>
<script type="text/javascript">
alert(GetQueryString("id"));
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;}
</script>
</body>
</html>若地址栏URL为:abc.html?id=123&url=”http://www.csdn.com
那么执行如上代码,就会弹出一个对话框:内容是123.
如果用alert(GetQueryString(“url”));
当然如果你没有参数的话,则会输出null;
方法二:传统方法
<html>
<body>
<script type="text/javascript">
function UrlSearch()
{
var name,value;
var str=location.href; //取得整个地址栏
var num=str.indexOf("?");
str=str.substr(num+1); //str得到?之后的字符串
var arr=str.split("&"); //得到&分割的参数,放入数组中
for(var i=0;i<arr.length;i++)
{
num=arr[i].indexOf("=");
if(num>0)
{
name=arr[i].substring(0,num);
value=arr[i].substr(num+1);
this[name]=value;
}
}
}
var Request=new UrlSearch();
alert(Request.id);
alert(location.href);
</script>
</body>
</html>本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!