Javascript 获取链接(url)参数的方法

有时我们需要在客户端获取链接 参数，一个常见的方法是将链接当做字符串，按照链接的格式分解，然后获取对应的 参数值。本文给出的就是这个流程的具体实现方法。

当然，我们也可以用正则直接匹配，文章中也给出了一个正则的例子。


--------------------------------------------------------------
点此浏览示例文件
--------------------------------------------------------------


分解链接的方式：
Javascript:

  
  

    
    

     
      
    
    

    
    

     
     <script type=
     
     "text/javascript"> 
    
    

    
    

     
     <!-- 
    
    

    
    

     
     // 说明：Javascript 获取链接(url)参数的方法 
    
    

    
    

     
     // 整理：http://www.CodeBit.cn 
    
    

    
    

     
      
    
    

    
    

     
     function getQueryString
     
     (
     
     name
     
     ) 
    
    

    
    

     
     { 
    
    

    
    
    
     
     // 如果链接没有参数，或者链接中不存在我们要获取的参数，直接返回空 
    
    

    
    
    
     
     if
     
     (
     
     location.
     
     href.
     
     indexOf
     
     (
     
     "?"
     
     )==
     
     -1 || 
     
     location.
     
     href.
     
     indexOf
     
     (
     
     name+
     
     '='
     
     )==
     
     -1
     
     ) 
    
    

    
    
    
     
     { 
    
    

    
    
        
     
     return 
     
     ''; 
    
    

    
    
    
     
     } 
    
    

    
    

     
      
    
    

    
    
    
     
     // 获取链接中参数部分 
    
    

    
    
    
     
     var queryString = 
     
     location.
     
     href.
     
     substring
     
     (
     
     location.
     
     href.
     
     indexOf
     
     (
     
     "?"
     
     )
     
     +1
     
     ); 
    
    

    
    

     
      
    
    

    
    
    
     
     // 分离参数对 ?key=value&key2=value2 
    
    

    
    
    
     
     var parameters = queryString.
     
     split
     
     (
     
     "&"
     
     ); 
    
    

    
    

     
      
    
    

    
    
    
     
     var pos, paraName, paraValue; 
    
    

    
    
    
     
     for
     
     (
     
     var i=
     
     0; i<parameters.
     
     length; i++
     
     ) 
    
    

    
    
    
     
     { 
    
    

    
    
        
     
     // 获取等号位置 
    
    

    
    

     
             pos = parameters
     
     [i
     
     ].
     
     indexOf
     
     (
     
     '='
     
     ); 
    
    

    
    
        
     
     if
     
     (pos == 
     
     -1
     
     ) 
     
     { 
     
     continue; 
     
     } 
    
    

    
    

     
      
    
    

    
    
        
     
     // 获取name 和 value 
    
    

    
    

     
             paraName = parameters
     
     [i
     
     ].
     
     substring
     
     (
     
     0, pos
     
     ); 
    
    

    
    

     
             paraValue = parameters
     
     [i
     
     ].
     
     substring
     
     (pos + 
     
     1
     
     ); 
    
    

    
    

     
      
    
    

    
    
        
     
     // 如果查询的name等于当前name，就返回当前值，同时，将链接中的+号还原成空格 
    
    

    
    
        
     
     if
     
     (paraName == 
     
     name
     
     ) 
    
    

    
    
        
     
     { 
    
    

    
    
            
     
     return unescape
     
     (paraValue.
     
     replace
     
     (
     
     //+/g, 
     
     " "
     
     )
     
     ); 
    
    

    
    
        
     
     } 
    
    

    
    
    
     
     } 
    
    

    
    
    
     
     return 
     
     ''; 
    
    

    
    

     
     }; 
    
    

    
    

     
      
    
    

    
    

     
     //http://localhost/test.html?aa=bb&test=cc+dd&ee=ff 
    
    

    
    

     
     alert
     
     (getQueryString
     
     (
     
     'test'
     
     )
     
     ); 
    
    

    
    

     
     //--> 
    
    

    
    

     
     </script> 
    
    

    
    

     
      
    
    

用正则匹配的方式：
Javascript:

  
  

    
    

     
      
    
    

    
    

     
     <script type=
     
     "text/javascript"> 
    
    

    
    

     
     <!-- 
    
    

    
    

     
     function getQueryStringRegExp
     
     (
     
     name
     
     ) 
    
    

    
    

     
     { 
    
    

    
    
    
     
     var reg = 
     
     new RegExp
     
     (
     
     "(^|//?|&)"+ 
     
     name +
     
     "=([^&]*)(//s|&|$)", 
     
     "i"
     
     );   
    
    

    
    
    
     
     if 
     
     (reg.
     
     test
     
     (
     
     location.
     
     href
     
     )
     
     ) 
     
     return unescape
     
     (RegExp.$
     
     2.
     
     replace
     
     (
     
     //+/g, 
     
     " "
     
     )
     
     ); 
     
     return 
     
     ""; 
    
    

    
    

     
     }; 
    
    

    
    

     
      
    
    

    
    

     
     //http://localhost/test.html?aa=bb&test=cc+dd&ee=ff 
    
    

    
    

     
     alert
     
     (getQueryStringRegExp
     
     (
     
     'test'
     
     )
     
     ); 
    
    

    
    

     
     //--> 
    
    

    
    

     
     </script>