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程序设计有所帮助。

相关文章

  • 原生JavaScript实现AJAX、JSONP

    原生JavaScript实现AJAX、JSONP

    本篇文章将会讲解原生JavaScript如何实现简单的AJAX,还有跨域请求JSONP。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-02-02
  • javascript实现dom动态创建省市纵向列表菜单的方法

    javascript实现dom动态创建省市纵向列表菜单的方法

    这篇文章主要介绍了javascript实现dom动态创建省市纵向列表菜单的方法,可实现省市列表菜单效果,涉及javascript鼠标事件及页面处理json数据的技巧,需要的朋友可以参考下
    2015-05-05
  • javascript中的数据类型检测方法详解

    javascript中的数据类型检测方法详解

    这篇文章主要介绍了javascript中的数据类型检测方法,结合实例形式分析了javascript数据类型并总结分析了常见的数据类型检测操作技巧,需要的朋友可以参考下
    2019-08-08
  • JS实现可移动模态框

    JS实现可移动模态框

    这篇文章主要为大家详细介绍了JS实现可移动模态框,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 解决layui数据表格table的横向滚动条显示问题

    解决layui数据表格table的横向滚动条显示问题

    今天小编就为大家分享一篇解决layui数据表格table的横向滚动条显示问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JS实现简单网页倒计时器

    JS实现简单网页倒计时器

    这篇文章主要为大家详细介绍了JS实现简单网页倒计时器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • javascript实现点击星星小游戏

    javascript实现点击星星小游戏

    这篇文章主要为大家详细介绍了JavaScript实现点击星星小游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-12-12
  • 用JS提交参数创建form表单在FireFox中遇到的问题

    用JS提交参数创建form表单在FireFox中遇到的问题

    在一个前端页面上,需要通过JavaScript来提交参数,使用JS创建form表单,将参数append到表单中进行提交,接下来将介绍如何操作与实现
    2013-01-01
  • JavaScript数据类型转换实例(其他类型转字符串、数值型、布尔类型)

    JavaScript数据类型转换实例(其他类型转字符串、数值型、布尔类型)

    这篇文章主要给大家介绍了关于JavaScript数据类型转换的相关资料,本文分别介绍了其他类型转为字符串、其他类型转为数值型以及其他类型转为布尔类型的方法,需要的朋友可以参考下
    2021-07-07
  • js保留两位小数方法总结

    js保留两位小数方法总结

    本篇文章给大家总结了js保留两位小数的各种方法以及每种方法的实例代码分析,如果大家对此有需要,一起来学习下js保留两位小数的方法吧。
    2018-01-01

最新评论