码迷,mamicode.com
首页 > Web开发 > 详细

js获取地址栏某个参数

时间:2014-08-26 11:34:55      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   os   java   io   strong   ar   

一、获取单个参数:

若地址栏URL为:abc.html?id=123
function getString(){
     var locurl=location.href;
     var start=locurl.indexOf("?");
     var end=locurl.length;
     var tempstr=locurl.substring(start+1,end)
     var temp=tempstr.split("=");
      var pid=temp[1];
      alert("pid is:"+pid);
  }

二、获取多参数:

采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!)

   function GetQueryString(name)
   {
        var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if(r!=null)return  unescape(r[2]); return null;
   }
 
   // 调用方法
  alert(GetQueryString("参数名1"));
  alert(GetQueryString("参数名2"));
  alert(GetQueryString("参数名3"));
 

下面举一个例子:

若地址栏URL为:abc.html?id=123&url=http://www.baidu.com

那么,但你用上面的方法去调用:alert(GetQueryString("url"));

则会弹出一个对话框:内容就是 http://www.baidu.com

如果用:alert(GetQueryString("id"));那么弹出的内容就是 123 啦;

当然如果你没有传参数的话,比如你的地址是 abc.html 后面没有参数,那强行输出调用结果有的时候会报错:

所以我们要加一个判断 ,判断我们请求的参数是否为空,首先把值赋给一个变量:

   var myurl=GetQueryString("url");
   if(myurl !=null && myurl.toString().length>1)
  {
     alert(GetQueryString("url"));
   }

这样就不会报错了!

 

 

js获取地址栏某个参数

标签:style   blog   http   color   os   java   io   strong   ar   

原文地址:http://www.cnblogs.com/JsonShare/p/3936766.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!