js获取url参数值

最新推荐文章于 2025-07-13 19:34:48 发布

xedcoing

最新推荐文章于 2025-07-13 19:34:48 发布

阅读量283

点赞数

分类专栏：技术文章标签： url null function object

技术专栏收录该内容

26 篇文章

订阅专栏

本文详细介绍了两种解析URL查询字符串的方法，并提供了相应的JavaScript函数实现。第一种方法使用正则表达式，第二种方法通过直接读取URL参数。示例代码清晰展示了如何获取URL中的特定参数。

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

方法一：正则分析法

   
    function getQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    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"));

方法二：

view source print ?

 
     <span style="font-size: 16px;"><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]]=unescape(strs[i].split("=")[1]);
 
           }
 
        }
 
        return theRequest;
 
     }
 
     </Script></span>

这样调用：

   
    <Script language="javascript">
var Request = new Object();
Request = GetRequest();
var 参数1,参数2,参数3,参数N;
参数1 = Request['参数1'];
参数2 = Request['参数2'];
参数3 = Request['参数3'];
参数N = Request['参数N'];
</Script>