js 获取URL参数的办法

需求点

有时候我们需要在前端获取URL参数中的值，那么怎样可以获取呢。

可以尝试下面这个办法。。。

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

  var Angle = getQueryString("Angle");

引入这个函数，然后输入参数的名称就可以得到对应的参数

eg:

代码：

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

         var name = getQueryString("name");
         var age = getQueryString("age");
         var sex = getQueryString("sex");

         console.log(name);
         console.log(age);
         console.log(sex);

url:

file:///C:/Users/TSN/Desktop/index.html?name=marain&age=25&sex=man

结果：