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


Posted in Javascript onMarch 02, 2017

本文实例讲述了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

Javascript 相关文章推荐
JS的数组的扩展实例代码
Jul 09 Javascript
基于jQuery实现模拟页面加载进度条
Apr 01 Javascript
浅谈JavaScript正则表达式分组匹配
Apr 10 Javascript
基于JavaScript代码实现兼容各浏览器的设为首页和加入收藏
Jan 07 Javascript
Javascript中的对象和原型(二)
Aug 12 Javascript
flag和jq on 的绑定多个对象和方法(必看)
Feb 27 Javascript
JS表格组件神器bootstrap table使用指南详解
Apr 12 Javascript
深入浅析ES6 Class 中的 super 关键字
Oct 20 Javascript
Vue中错误图片的处理的实现代码
Nov 07 Javascript
jQuery实现的解析本地 XML 文档操作示例
Apr 30 jQuery
ES6 解构赋值的原理及运用
May 25 Javascript
Vue Mint UI mt-swipe的使用方式
Jun 05 Vue.js
原生js仿浏览器滚动条效果
Mar 02 #Javascript
使用grunt合并压缩js和css文件的方法
Mar 02 #Javascript
Angular-Ui-Router+ocLazyLoad动态加载脚本示例
Mar 02 #Javascript
浅谈Vue.js
Mar 02 #Javascript
利用imgareaselect辅助后台实现图片上传裁剪
Mar 02 #Javascript
详谈jQuery Ajax(load,post,get,ajax)的用法
Mar 02 #Javascript
Bootstrap入门教程一Hello Bootstrap初识
Mar 02 #Javascript
You might like
php隐藏IP地址后两位显示为星号的方法
2014/11/21 PHP
PHP数学运算与数据处理实例分析
2016/04/01 PHP
PHP模板引擎Smarty中变量的使用方法示例
2016/04/11 PHP
PHP实现登陆并抓取微信列表中最新一组微信消息的方法
2017/07/10 PHP
jquery 最简单易用的表单验证插件
2010/02/27 Javascript
JS+CSS制作DIV层可(最小化/拖拽/排序)功能实现代码
2013/02/25 Javascript
在JavaScript中实现类的方式探讨
2013/08/28 Javascript
JavaScript使用push方法添加一个元素到数组末尾用法实例
2015/04/06 Javascript
JavaScript点击按钮后弹出透明浮动层的方法
2015/05/11 Javascript
JavaScript实现算术平方根算法-代码超简单
2015/09/11 Javascript
jQuery中借助deferred来请求及判断AJAX加载的实例讲解
2016/05/24 Javascript
Bootstrap表单控件使用方法详解
2017/01/11 Javascript
form表单序列化详解(推荐)
2017/08/15 Javascript
微信小程序swiper组件用法实例分析【附源码下载】
2017/12/07 Javascript
Vue拖拽组件开发实例详解
2018/05/11 Javascript
JavaScript创建对象的常用方式总结
2018/08/10 Javascript
ES6中let 和 const 的新特性
2018/09/03 Javascript
深入浅析vue-cli@3.0 使用及配置说明
2019/05/08 Javascript
React如何实现浏览器打印部分内容详析
2019/05/19 Javascript
vue实现商城秒杀倒计时功能
2019/12/12 Javascript
[01:02:04]EG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.23
2019/09/05 DOTA
python制作小说爬虫实录
2017/08/14 Python
Python简易计算器制作方法代码详解
2019/10/31 Python
PyQT5 emit 和 connect的用法详解
2019/12/13 Python
Python 基于jwt实现认证机制流程解析
2020/06/22 Python
如何在mac版pycharm选择python版本
2020/07/21 Python
Pycharm导入anaconda环境的教程图解
2020/07/31 Python
TensorFlow2.0使用keras训练模型的实现
2021/02/20 Python
string = null 和string = ''的区别
2013/04/28 面试题
医学生自我鉴定范文
2013/11/08 职场文书
2016年猴年新春致辞
2015/08/01 职场文书
2016年习主席讲话学习心得体会
2016/01/20 职场文书
大学生各类奖学金申请书
2019/06/24 职场文书
成人成长感言如何写?
2019/08/16 职场文书
vue使用echarts实现折线图
2022/03/21 Vue.js
pandas进行数据输入和输出的方法详解
2022/03/23 Python