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>

以上就是javascript如何获取地址栏的参数?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » JavaScript 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏