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]

 

延伸阅读:
javascript向html提交参数
javascript函数默认参数的设定方法
WML教程4：跳转和传递参数
在命令行下用php.exe运行PHP脚本[带参数]的方法
js获取url参数的方法
在JavaScript中获取请求的URL参数
js获取url参数值
给JavaScript文件传递参数的几种方法