通过正则来获取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的参数值》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

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

锦绣蓝图

锦绣蓝图

[美] 沃德科 (Christina Wodtke)、[美] 戈夫拉 (Austin Govella) / 蔡芳 / 人民邮电出版社 / 2009-11-01 / 59.00

Web 2.0和社会化大趋势下,你的网站发展喜人,但是问题也接踵而来:信息变得越来越庞杂无序,业务流程愈加复杂,搜索和导航越来越难,用户对使用体验的要求也越来越高……怎么办? 作者非常通俗易懂地讲述了如何规划易用的网站及其背后的信息架构原理。首先介绍了建立信息架构的八项基本原则,然后重点强调了组织系统和元数据在信息架构中的作用,并指出设计搜索和导航需要考虑的问题和方法,另外还补充了当今热门的......一起来看看 《锦绣蓝图》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

在线进制转换器
在线进制转换器

各进制数互转换器

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具