通过正则来获取URL的参数值

栏目: 后端 · 前端 · 发布时间: 6年前

内容简介：正则解析：(^|&) ：表示匹配以参数名字符串开头或者&字符([ ^&]*)：表示匹配除了&之外的字符0次或多次相当于 {0,}

获取url中的参数值

//获取url中的参数值
function getParameter(name){
   var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //构建一个含有目标参数的正则表达式对象     
   var r = window.location.search.substr(1).match(reg);//匹配目标参数  
   if(r!=null) {
      return unescape(r[2]); //返回参数值  
   }
      return null;
}
comsole.log(getParameter(name));

正则解析：

(^|&) ：表示匹配以参数名字符串开头或者&字符

([ ^&]*)：表示匹配除了&之外的字符0次或多次相当于 {0,}

(&|$) ：表示匹配以字符串结尾或者&字符

name表示参数名，是一个变量

所以这个正则就是想要匹配能够满足： &参数名name=参数值& （其中前后的$符号可以有可以没有）这种形式的内容。

window.location.search

window.location.search代表的是：从问号 (?) 开始的 URL（查询部分）

下面是window.location 对象所包含的属性

通过正则来获取URL的参数值

substr(1)

这个是字符串截取的意思。window.location.search.substr(1)表示的是截取？后面的字符串。（不包括问号，因为问号的下标是0）

window.location.search.substr(1).match(reg)

match() 方法

语法格式：stringObject.match(regexp)

regexp在没有g标志：

如果没有找到任何匹配的文本， match() 将返回 null。否则，它将返回一个数组，其中存放了与它找到的匹配文本有关的信息。该数组的第 0 个元素存放的是匹配文本，而其余的元素存放的是与正则表达式的子表达式匹配的文本。

以这个url为例： http://localhost/test/Untitle...

在控制台打印出结果如下：

通过正则来获取URL的参数值

以上所述就是小编给大家介绍的《通过正则来获取URL的参数值》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对码农网的支持！

查看所有标签

猜你喜欢:

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。

码农书籍

微信小程序运营与推广完全自学手册

王洪波 / 电子工业出版社 / 2018-6 / 59

本书是运营管理方面的书籍，将小程序的运营推广问题置千小程序的整个运营管理体系中来谈，主要讲述小程序的定位规划、营销吸粉策略、评估优化这三大方面的内容，这三方面的内容之间是三位一体、密切相关的。书中通过列举丰富且具有代表性的小程序实际案例来向读者提供些可行的运营推广办法。案例涉及美食类、电商类、旅游类、媒体类等小程序，可供多个行业的小程序运营者参考借鉴。书中所提供的各种小程序营销策略......一起来看看《微信小程序运营与推广完全自学手册》这本书的介绍吧!

码农工具