js 获取URL参数的办法

来源:互联网 发布:国际地图导航软件 编辑:程序博客网 时间:2024/06/07 01:21

需求点

有时候我们需要在前端获取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

结果:

这里写图片描述

原创粉丝点击