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实现)MapBar中坐标的加密和解密的脚本
May 16 Javascript
javascript instanceof 与typeof使用说明
Jan 11 Javascript
判断对象是否Window的实现代码
Jan 10 Javascript
JavaScript访问字符串中单个字符的两种方法
Jul 03 Javascript
AngularJS 使用 UI Router 实现表单向导
Jan 29 Javascript
JavaScript中的Object对象学习教程
May 20 Javascript
Active控件问题小结(附解决办法)
Jun 09 Javascript
javascript特效实现——当前时间和倒计时效果的简单实例
Jul 20 Javascript
Javascript 动态改变imput type属性
Nov 01 Javascript
详解vue2.0组件通信各种情况总结与实例分析
Mar 22 Javascript
详解vue-cli快速构建项目以及引入bootstrap、jq
May 26 Javascript
React通过redux-persist持久化数据存储的方法示例
Feb 14 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
windwos下使用php连接oracle数据库的过程分享
2014/05/26 PHP
Thinkphp实现MySQL读写分离操作示例
2014/06/25 PHP
php获取本机真实IP地址实例代码
2016/03/31 PHP
找到了一篇jQuery与Prototype并存的冲突的解决方法
2007/08/29 Javascript
JSQL 批量图片切换的实现代码
2010/05/05 Javascript
基于Jquery的实现回车键Enter切换焦点
2010/09/14 Javascript
javascript学习笔记(五)正则表达式
2011/04/08 Javascript
js保留两位小数使用toFixed实现
2013/07/29 Javascript
Jquery实现的tab效果可以指定默认显示第几页
2013/10/16 Javascript
jQuery实现contains方法不区分大小写的方法
2015/02/13 Javascript
详解JavaScript对W3C DOM模版的支持情况
2015/06/16 Javascript
js生成随机数的方法实例
2015/10/16 Javascript
jQuery数据检索中根据关键字快速定位GridView指定行的实现方法
2016/06/08 Javascript
Node.js 异步异常的处理与domain模块解析
2017/05/10 Javascript
浅谈针对Vue相同路由不同参数的刷新问题
2018/09/29 Javascript
JS实现倒序输出的几种常用方法示例
2019/04/13 Javascript
小程序实现搜索框功能
2020/03/26 Javascript
js实现抽奖功能
2020/11/24 Javascript
ubuntu安装sublime3并配置python3环境的方法
2018/03/15 Python
Python2手动安装更新pip过程实例解析
2020/07/16 Python
python 可视化库PyG2Plot的使用
2021/01/21 Python
深入浅析HTML5中的SVG
2015/11/27 HTML / CSS
猫途鹰英国网站:TripAdvisor英国(旅游社区和旅游评论)
2016/08/30 全球购物
NBA欧洲商店(英国):NBA Europe Store UK
2018/07/27 全球购物
德国综合购物网站:OTTO
2018/11/13 全球购物
公司庆典活动邀请函
2014/01/09 职场文书
元旦晚会主持词
2014/03/24 职场文书
优秀教导主任事迹材料
2014/05/09 职场文书
商场促销活动总结
2014/07/10 职场文书
对外汉语教师推荐信
2015/03/27 职场文书
慈善献爱心倡议书
2015/04/27 职场文书
纪律委员竞选稿
2015/11/19 职场文书
javascript canvas实现雨滴效果
2021/06/09 Javascript
Mysql中调试存储过程最简单的方法
2021/06/30 MySQL
Python进程间的通信之语法学习
2022/04/11 Python
nginx设置资源请求目录的方式详解
2022/05/30 Servers