js如何获取Url参数？详解js获取URL传递参数的方法

js如何获取Url参数

我们经常可以看到url的?(问号)后面带了很多的参数，那么js如何获取url传递的这些参数呢？下面我们详细讲解一下。

1，通过正则表达式实现

在获取参数的页面引入下面一段js

  1. function getQueryString(name) {
  2.    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
  3.    var r = window.location.search.substr(1).match(reg);
  4.    if (r != null) return unescape(r[2]); return null;
  5. }

然后就可以这样调用了：

  1. var 参数1=GetQueryString("参数名1")；
  2. var 参数2=GetQueryString("参数名2")；

2，通过封装的js函数方法

在获取参数的页面放入这样一个js函数。

  1. function GetRequest() {
  2.     var url = location.search; //获取url中"?"符后的字串
  3.     var theRequest = new Object();
  4.     if (url.indexOf("?") != -1) {
  5.         var str = url.substr(1);
  6.         if (str.indexOf("&") != -1) {
  7.             strs = str.split("&");
  8.             for (var i = 0; i < strs.length; i++) {
  9.                 theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
  10.             }
  11.         } else {
  12.             theRequest[str.split("=")[0]] = unescape(str.split("=")[1]);
  13.         }
  14.     }
  15.     return theRequest;
  16. }

引入后直接就可以通过函数来获取参数值了。

获取方法如下：

  1. <script type="text/javascript">
  2. var Request = new Object();
  3. Request = GetRequest();
  4. var a1 = Request['参数1'];
  5. </script>

通过上面讲述的两种js如何获取Url参数的方法，你学会怎么在Html页面中，通过Js来获取url参数了吗？

你想把广告放到这里吗？

发表评论

您必须 登录 才能发表留言！