js提取url参数的几种方法(转载)

js提取url参数的几种方法(转载)

第一,正则表达式,直接找出参数等号右边的值即可。但是,如果该参数后还有&就不可行。
    <script language="javascript">
    var str=window.location.href;
    var es=/clid=/;
    es.exec(str);
    var right=RegExp.rightContext;
    if(right=="1")
    {
    sub_nav_4.style.display = "block";
    li4.style.background = "#a1ca00";
    }
    </script>第二,把能找到的参数都付给argsarr数组,将来可以用argsarr[i]进行相应的访问,方法不错,太长,参数不容易记忆。      /**//**
      * 提取URL中的参数
      */
     function getArgs()
     {
       //加上substring的意义是去掉查询字符串中的?号。
       //var query = window.location.search.substring(1);
      
       //定义一个数组,用于存放取出来的字符串参数。
       var argsArr = new Object();
      
       //获取URL中的查询字符串参数
       var query = window.location.search;
       query = query.substring(1);
      
       //这里的pairs是一个字符串数组
       var pairs = query.split("&");//name=myname&password=1234&sex=male&address=nanjing
      
       for(var i=0;i<pairs.length;i++)
       {
         var sign = pairs[i].indexOf("=");
         //如果没有找到=号,那么就跳过,跳到下一个字符串(下一个循环)。
         if(sign == -1)
         {
           continue;
         }
        
         var aKey = pairs[i].substring(0,sign);
         var aValue = pairs[i].substring(sign+1);      
        
         argsArr[aKey] = aValue;
       }
      
       return argsArr;
     }
第三,最简单的方法,类似第二种,不过没有创建数组存参数,可直接访问参数的名字,容易看懂。             <script language="javascript">
            function getarg()
            {
            var url = unescape(window.location.href);
            var allargs = url.split("?")[1];
            var args = allargs.split("&");
            for(var i=0; i<args.length; i++)
            {
            var arg = args[i].split("=");
            eval('this.'+arg[0]+'="'+arg[1]+'";');
            }
            }
            var urlarg=new getarg();
            if(urlarg.clid=="1")
                {
                sub_nav_6.style.display = "block";
                li6.style.background = "#a1ca00";
                }
            </script>

页面提交数据一般有两种方法:get,post。post就是所谓的form提交,使用视图;get是通过url提交。
      
       Get方法一般用后台代码(如asp,asp.net)获得参数,代码很简单:Request.QueryString["id"];即可获取。

       有些时候需要直接在前台获取url参数,要用到javascript,js没有直接获取url参数的方法,那么,我们如何通过js获取url参数呢?

function GetUrlParms()    
{
     var args=new Object();   
     var query=location.search.substring(1);//获取查询串   
     var pairs=query.split("&");//在逗号处断开   
     for(var    i=0;i
< pairs .length;i++)   
     {   
         var pos
=pairs[i].indexOf('=');//查找name=value   
            
if(pos ==-1)    continue;//如果没有找到就跳过   
             var argname
=pairs[i].substring(0,pos);//提取name   
            
var value =pairs[i].substring(pos+1);//提取value   
            
args[argname] =unescape(value);//存为属性   
    
}
     return args;
}


使用方法:
var args = new Object();
args = GetUrlParms();
如果要查找参数key:
value = args[key]


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值