Javascript 获取链接(url)参数的方法[正则与截取字符串]


Posted in Javascript onFebruary 09, 2010

当然,我们也可以用正则直接匹配,文章中也给出了一个正则的例子。
分解链接的方式:

<script type="text/javascript"> 
<!-- 
// 说明:Javascript 获取链接(url)参数的方法 function getQueryString(name) 
{ 
// 如果链接没有参数,或者链接中不存在我们要获取的参数,直接返回空 
if(location.href.indexOf("?")==-1 || location.href.indexOf(name+'=')==-1) 
{ 
return ''; 
} 
// 获取链接中参数部分 
var queryString = location.href.substring(location.href.indexOf("?")+1); 
// 分离参数对 ?key=value&key2=value2 
var parameters = queryString.split("&"); 
var pos, paraName, paraValue; 
for(var i=0; i<parameters.length; i++) 
{ 
// 获取等号位置 
pos = parameters[i].indexOf('='); 
if(pos == -1) { continue; } 
// 获取name 和 value 
paraName = parameters[i].substring(0, pos); 
paraValue = parameters[i].substring(pos + 1); 
// 如果查询的name等于当前name,就返回当前值,同时,将链接中的+号还原成空格 
if(paraName == name) 
{ 
return unescape(paraValue.replace(/\+/g, " ")); 
} 
} 
return ''; 
}; 
//http://localhost/test.html?aa=bb&test=cc+dd&ee=ff 
alert(getQueryString('test')); 
//--> 
</script>

用正则匹配的方式:
<script type="text/javascript"> 
<!-- 
function getQueryStringRegExp(name) 
{ 
var reg = new RegExp("(^|\\?|&)"+ name +"=([^&]*)(\\s|&|$)", "i"); 
if (reg.test(location.href)) return unescape(RegExp.$2.replace(/\+/g, " ")); return ""; 
}; //http://localhost/test.html?aa=bb&test=cc+dd&ee=ff 
alert(getQueryStringRegExp('test')); 
//--> 
</script>
Javascript 相关文章推荐
JS声明变量背后的编译原理剖析
Dec 28 Javascript
JS分页效果示例
Oct 11 Javascript
jquery实现最简单的滑动菜单效果代码
Sep 12 Javascript
JavaScript编写带旋转+线条干扰的验证码脚本实例
May 30 Javascript
Bootstrap3使用typeahead插件实现自动补全功能
Jul 07 Javascript
React实现点击删除列表中对应项
Jan 10 Javascript
通过npm引用的vue组件使用详解
Mar 02 Javascript
vue.js简单配置axios的方法详解
Dec 13 Javascript
JS实现获取word文档内容并输出显示到html页面示例
Jun 23 Javascript
详解小程序输入框闪烁及重影BUG解决方案
Aug 31 Javascript
微信小程序模板template简单用法示例
Dec 04 Javascript
vue 遮罩层阻止默认滚动事件操作
Jul 28 Javascript
一个XML格式数据转换为图表的例子
Feb 09 #Javascript
javascript 解析url的search方法
Feb 09 #Javascript
toString()一个会自动调用的方法
Feb 08 #Javascript
jQuery AJAX回调函数this指向问题
Feb 08 #Javascript
JavaScript Event学习第九章 鼠标事件
Feb 08 #Javascript
JavaScript 类似flash效果的立体图片浏览器
Feb 08 #Javascript
js 省地市级联选择
Feb 07 #Javascript
You might like
php实现的DateDiff和DateAdd时间函数代码分享
2014/08/16 PHP
PHP实用函数分享之去除多余的0
2015/02/06 PHP
4种PHP异步执行的常用方式
2015/12/24 PHP
PHP实现的敏感词过滤方法示例
2019/03/06 PHP
jQuery 连续列表实现代码
2009/12/21 Javascript
HTA版JSMin(省略修饰语若干)基于javascript语言编写
2009/12/24 Javascript
jQuery-onload让第一次页面加载时图片是淡入方式显示
2012/05/23 Javascript
关于JS字符串函数String.replace()
2013/04/07 Javascript
JS代码同步文本框内容的实例方法
2013/07/12 Javascript
下拉列表select 由左边框移动到右边示例
2013/12/04 Javascript
jQuery中unwrap()方法用法实例
2015/01/16 Javascript
JS操作HTML自定义属性的方法
2015/02/10 Javascript
详解webpack 配合babel 将es6转成es5 超简单实例
2017/05/02 Javascript
详解nodejs中express搭建权限管理系统
2017/09/15 NodeJs
element-ui upload组件多文件上传的示例代码
2018/10/17 Javascript
微信小程序转发事件实现解析
2019/10/22 Javascript
jQuery Datatables 动态列+跨列合并实现代码
2020/01/30 jQuery
redux处理异步action解决方案
2020/03/22 Javascript
Vue路由的模块自动化与统一加载实现
2020/06/05 Javascript
three.js如何实现3D动态文字效果
2021/03/03 Javascript
[01:10:58]KG vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
python 简单的绘图工具turtle使用详解
2017/06/21 Python
用Python3创建httpServer的简单方法
2018/06/04 Python
python中ASCII码字符与int之间的转换方法
2018/07/09 Python
matplotlib调整子图间距,调整整体空白的方法
2018/08/03 Python
python3 map函数和filter函数详解
2019/08/26 Python
Python dict的常用方法示例代码
2020/06/23 Python
html5超简单的localStorage实现记住密码的功能实现
2017/09/07 HTML / CSS
AmazeUI中各种的导航式菜单与解决方法
2020/08/19 HTML / CSS
黄色火烈鸟:De Gele Flamingo
2019/03/18 全球购物
Janie and Jack美国官网:GAP旗下的高档童装品牌
2019/09/09 全球购物
减负增效提质方案
2014/05/23 职场文书
社会工作专业求职信
2014/07/15 职场文书
开会通知短信大全
2015/04/20 职场文书
Oracle11g R2 安装教程完整版
2021/06/04 Oracle
Mysql数据库表中为什么有索引却没有提高查询速度
2022/02/24 MySQL