JS获取页面通过URL传参

最新推荐文章于 2023-05-01 18:49:43 发布

转载最新推荐文章于 2023-05-01 18:49:43 发布 · 1.3k 阅读

日常学习专栏收录该内容

49 篇文章

订阅专栏

本文详细介绍了如何在网页间通过URL传递参数，并提供了两种使用JavaScript获取这些参数的方法：一是直接匹配特定参数名，二是先获取所有参数再进行匹配。

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

1.从一个页面通过url将参数传递给另一个页面

www.xxx.com/xxx.html?key=value   //前面指定要传值的目标地址，value为参数

2.Js获取url中传递的参数

方法一：指定参数名匹配

var str = getQueryString("key");
   alert(str);

function getQueryString(name) {
    var result = window.location.search.match(new RegExp("[\?\&]" + name + "=([^\&]+)", "i"));
    if (result == null || result.length < 1) {
        return "";
    }
    return result[1];
}

方法二：获取所有参数，再匹配

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

  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;   
}