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 相关文章推荐
ExtJS自定义主题(theme)样式详解
Nov 18 Javascript
对table和ul实现js分页示例分享
Feb 24 Javascript
js实现特定位取反原理及示例
Jun 30 Javascript
详解JavaScript中的forEach()方法的使用
Jun 08 Javascript
浅谈jquery中delegate()与live()
Jun 22 Javascript
jQuery基于xml格式数据实现模糊查询及分页功能的方法
Dec 25 Javascript
基于JavaScript实现抽奖系统
Jan 16 Javascript
axios发送post请求,提交图片类型表单数据方法
Mar 16 Javascript
webpack file-loader和url-loader的区别
Jan 15 Javascript
vue项目首屏加载时间优化实战
Apr 23 Javascript
jQuery表单选择器用法详解
Aug 22 jQuery
详解JavaScript的计时器和按钮效果设置
Feb 18 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超级全局变量
2010/01/26 PHP
php中使用__autoload()自动加载未定义类的实现代码
2013/02/06 PHP
php多用户读写文件冲突的解决办法
2013/11/06 PHP
优化WordPress中文章与评论的时间显示
2016/01/12 PHP
Composer设置忽略版本匹配的方法
2016/04/27 PHP
javascript 防止刷新,后退,关闭
2010/08/07 Javascript
客户端限制只能上传jpg格式图片的js代码
2010/12/09 Javascript
jquer之ajaxQueue简单实现代码
2011/09/15 Javascript
jquery制作搜狐快站页面效果示例分享
2014/02/21 Javascript
jquery实现checkbox 全选/全不选的通用写法
2014/02/22 Javascript
jQuery实现checkbox全选的方法
2015/06/10 Javascript
javascript定义类和类的实现实例详解
2015/12/01 Javascript
bootstrap使用validate实现简单校验功能
2016/12/02 Javascript
AngularJS实现的根据数量与单价计算总价功能示例
2017/12/26 Javascript
微信小程序wx:for和wx:for-item的用法详解
2018/04/01 Javascript
解决bootstrap模态框数据缓存的问题方法
2018/08/10 Javascript
vue2实现搜索结果中的搜索关键字高亮的代码
2018/08/29 Javascript
js根据json数据中的某一个属性来给数据分组的方法
2018/10/08 Javascript
JavaScript实现图片放大镜效果
2019/06/27 Javascript
python在windows下实现备份程序实例
2014/07/04 Python
使用Python脚本将Bing的每日图片作为桌面的教程
2015/05/04 Python
python3中set(集合)的语法总结分享
2017/03/24 Python
Python selenium抓取微博内容的示例代码
2018/05/17 Python
tensor和numpy的互相转换的实现示例
2019/08/02 Python
解决Django连接db遇到的问题
2019/08/29 Python
基于python cut和qcut的用法及区别详解
2019/11/22 Python
Django 后台带有字典的列表数据与页面js交互实例
2020/04/03 Python
Python word文本自动化操作实现方法解析
2020/11/05 Python
使用css3实现的tab选项卡代码分享
2014/12/09 HTML / CSS
德国团购网站:Groupon德国
2018/03/13 全球购物
英国马匹装备和马术用品购物网站:Equine Superstore
2019/03/03 全球购物
大学生村官工作感言
2014/01/10 职场文书
毕业生欢送会主持词
2014/03/31 职场文书
户外活动总结范文
2014/04/30 职场文书
护理医院见习报告
2014/11/03 职场文书
2014年图书室工作总结
2014/12/09 职场文书