JavaScript正则获取地址栏中参数的方法

 更新时间:2017年03月02日 11:25:43   作者:翱翔天地  
这篇文章主要介绍了JavaScript正则获取地址栏中参数的方法,涉及javascript基于正则的字符串截取操作相关实现技巧,需要的朋友可以参考下

本文实例讲述了JavaScript正则获取地址栏中参数的方法。分享给大家供大家参考,具体如下:

一、问题:

获取地址栏中的参数:

若地址栏中的地址是:

http://10.124.36.56:8080/CMOD/index.jsp?name=you&password=123456&type=student

要求获取地址栏中的最后一个参数type

二、实现的JS:

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

获取type参数值:

var typeParem = getAddressURLParam(type);

实现结果:

得到type参数值:student

PS:这里再为大家提供2款非常方便的正则表达式工具供大家参考使用:

JavaScript正则表达式在线测试工具:
http://tools.jb51.net/regex/javascript

正则表达式在线生成工具:
http://tools.jb51.net/regex/create_reg

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript正则表达式技巧大全》、《JavaScript替换操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • JS基于对象的特性实现去除数组中重复项功能详解

    JS基于对象的特性实现去除数组中重复项功能详解

    这篇文章主要介绍了JS基于对象的特性实现去除数组中重复项功能,结合实例形式较为详细的分析了js基于key值唯一性实现数组去重的具体步骤与相关操作技巧,需要的朋友可以参考下
    2017-11-11
  • bootstrap学习使用(导航条、下拉菜单、轮播、栅格布局等)

    bootstrap学习使用(导航条、下拉菜单、轮播、栅格布局等)

    这篇文章主要为大家详细介绍了bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs等相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • JS模板编译的实现详情

    JS模板编译的实现详情

    这篇文章主要介绍了JS模板编译的实现详情,编译是一种格式变成另一种格式的过程。编译会导致好的结果,比如书写简单的代码,编译出来复杂的代码;或者提高代码的使用性能
    2022-07-07
  • JS无限极树形菜单,json格式、数组格式通用示例

    JS无限极树形菜单,json格式、数组格式通用示例

    本文为大家介绍下JS无级树形菜单的实现,修改了一下数据格式,是json和数组或者混合型的数据都通用,不用特定key等,想学习的朋友可以参考下
    2013-07-07
  • js单线程的本质 Event Loop解析

    js单线程的本质 Event Loop解析

    这篇文章主要介绍了js单线程的本质 Event Loop解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-10-10
  • JavaScript如何实现图片处理与合成

    JavaScript如何实现图片处理与合成

    这篇文章主要介绍了JavaScript如何实现图片处理与合成,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-05-05
  • three.js中多线程的使用及性能测试详解

    three.js中多线程的使用及性能测试详解

    这篇文章主要给大家介绍了关于three.js中多线程的使用及性能测试的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-01-01
  • Bootstrap Tooltip显示换行和左对齐的解决方案

    Bootstrap Tooltip显示换行和左对齐的解决方案

    小编在使用Bootstrap的Tooltip功能时遇到一些小问题,换行丢失,文字不是左对齐。下面小编给大家介绍下Bootstrap Tooltip显示换行和左对齐的解决方案,感兴趣的朋友一起看看吧
    2017-10-10
  • js调用百度地图及调用百度地图的搜索功能

    js调用百度地图及调用百度地图的搜索功能

    本文给大家介绍js调用百度地图的方法以及调用百度地图的搜索功能,有需要的朋友可以跟着脚本之家的小编一起学习
    2015-09-09
  • 原生JavaScript实现Ajax的方法

    原生JavaScript实现Ajax的方法

    这篇文章主要介绍了原生JavaScript实现Ajax的几种方法,感兴趣的小伙伴们可以参考一下
    2016-04-04

最新评论