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 相关文章推荐
Mootools 1.2教程 输入过滤第二部分(字符串)
Sep 15 Javascript
JQuery 自定义CircleAnimation,Animate方法学习笔记
Jul 10 Javascript
jQuery 一个图片切换的插件
Oct 09 Javascript
JavaScript动态操作表格实例(添加,删除行,列及单元格)
Nov 25 Javascript
javascript内置对象操作详解
Feb 04 Javascript
jquery checkbox无法用attr()二次勾选问题的解决方法
Jul 22 Javascript
详解Angular开发中的登陆与身份验证
Jul 27 Javascript
jQuery右下角悬浮广告实例
Oct 17 Javascript
js Array.slice的8种不同用法示例
Jul 10 Javascript
el-select 下拉框多选实现全选的实现
Aug 02 Javascript
antd Form组件方法getFieldsValue获取自定义组件的值操作
Oct 29 Javascript
vue ant design 封装弹窗表单的使用
Jun 01 Vue.js
一个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 输出缓存详解
2009/06/20 PHP
关于PHP中Object对象的笔记分享
2011/06/28 PHP
js下判断 iframe 是否加载完成的完美方法
2010/10/26 Javascript
JQueryiframe页面操作父页面中的元素与方法(实例讲解)
2013/11/19 Javascript
Juery解决tablesorter中文排序和字符范围的方法
2015/05/06 Javascript
JS中字符串trim()使用示例
2015/05/26 Javascript
jQuery EasyUI 菜单与按钮之创建简单的菜单和链接按钮
2015/11/18 Javascript
JavaScript浏览器对象之一Window对象详解
2016/06/03 Javascript
功能强大的Bootstrap组件(结合js)
2016/08/03 Javascript
nodejs如何获取时间戳与时间差
2016/08/03 NodeJs
chrome浏览器如何断点调试异步加载的JS
2016/09/05 Javascript
简单的jQuery拖拽排序效果的实现(增强动态)
2017/02/09 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(2)
2017/02/20 Javascript
vue使用drag与drop实现拖拽的示例代码
2017/09/07 Javascript
NodeJS安装图文教程
2018/04/19 NodeJs
vue使用jsonp抓取qq音乐数据的方法
2018/06/21 Javascript
在vue中使用Autoprefixed的方法
2018/07/27 Javascript
浅谈微信小程序flex布局基础
2018/09/10 Javascript
ajaxfileupload.js实现上传文件功能
2019/04/19 Javascript
详解Vue中组件的缓存
2019/04/20 Javascript
vue里的data要用return返回的原因浅析
2019/05/28 Javascript
Vue3 中的数据侦测的实现
2019/10/09 Javascript
微信小程序实现单个卡片左滑显示按钮并防止上下滑动干扰功能
2019/12/06 Javascript
vue组件中传值EventBus的使用及注意事项说明
2020/11/16 Javascript
通过滑动翻页效果实现和移动端click事件问题
2021/01/26 Javascript
python Selenium爬取内容并存储至MySQL数据库的实现代码
2017/03/16 Python
python基于paramiko将文件上传到服务器代码实现
2019/07/08 Python
深入了解Python enumerate和zip
2020/07/16 Python
Python 里最强的地图绘制神器
2021/03/01 Python
CSS3中利用animation属性创建雪花飘落特效
2014/05/14 HTML / CSS
.NET里面什么时候需要调用垃圾回收
2015/06/01 面试题
今冬明春火灾防控工作方案
2014/05/29 职场文书
麦田里的守望者读书笔记
2015/06/30 职场文书
圣诞晚会主持词
2015/07/01 职场文书
2016年3月份红领巾广播稿
2015/12/21 职场文书
springboot新建项目pom.xml文件第一行报错的解决
2022/01/18 Java/Android