首页 热点资讯 义务教育 高等教育 出国留学 考研考公
您的当前位置:首页正文

js获取url中的参数

2022-05-18 来源:华拓网

在js下获取url参数的值是怎样的呢?下面就让我们一起来了解一下吧:

一般来说,使用js获取url中的某个参数值,可以通过将url的参数转换成数组形式,然后再通过for循环逐个查找数组元素,将参数值找出来,不过除了这种方法之外还有更简易的,也就是可以采用正则分析法。

参考范例:

方式一:

输入指令:

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"));

方式二:

输入指令:

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

调用:

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

以上就是小编的分享了,希望能够帮助到大家。

显示全文