JS URL参数解析-优快云博客

本文介绍了两种JavaScript中解析URL参数的方法：一种是通过自定义函数GetRequest解析所有参数，另一种是使用正则表达式分析法GetQueryString来获取特定参数。此外还提供了window.location对象常用属性的介绍。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

函数:

<Script language="javascript">

    function GetRequest() {    
    
        var url = location.search; //获取url中"?"符后的字串  
         
        var theRequest = new Object();   
        
        if (url.indexOf("?") != -1) {   
           
            var str = url.substr(1);    
              
            strs = str.split("&");  
                
            for(var i = 0; i < strs.length; i ++) {  
                   
                theRequest[strs[i].split("=")[0]]=(strs[i].split("=")[1]);  
                    
            }   
            
        }   
        
        return theRequest;
        
    }
    
</Script>

然后我们通过调用此函数获取对应参数值：

<Script language="javascript">

    var Request = new Object();

    Request = GetRequest();

    var v1,v2,v3,vN;

    v1 = Request[''v1''];

    v2 = Request[''v2''];

    v3 = Request[''v3''];

    vN = Request[''vN''];

</Script>

以此获取url串中所带的同名参数

二、正则分析法。

function GetQueryString(name) {

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

   var r = window.location.search.substr(1).match(reg);

   if (r!=null) return (r[2]); return null;

}

alert(GetQueryString("参数名1"));

alert(GetQueryString("参数名2"));

alert(GetQueryString("参数名3"));

其他参数获取介绍：

//设置或获取对象指定的文件名或路径。

alert(window.location.pathname);





//设置或获取整个 URL 为字符串。

alert(window.location.href);





//设置或获取与 URL 关联的端口号码。

alert(window.location.port);





//设置或获取 URL 的协议部分。

alert(window.location.protocol);




//设置或获取 href 属性中在井号“#”后面的分段。

alert(window.location.hash);



//设置或获取 location 或 URL 的 hostname 和 port 号码。

alert(window.location.host);



//设置或获取 href 属性中跟在问号后面的部分。

alert(window.location.search);

转载于:https://my.oschina.net/u/2380669/blog/498350