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 相关文章推荐
用JavaScript将从数据库中读取出来的日期型格式化为想要的类型。
Aug 15 Javascript
require.js深入了解 require.js特性介绍
Sep 04 Javascript
浏览器环境下JavaScript脚本加载与执行探析之defer与async特性
Jan 14 Javascript
JavaScript cookie详解及简单实例应用
Dec 31 Javascript
简单谈谈Javascript函数中的arguments
Feb 09 Javascript
JS简单实现获取元素的封装操作示例
Apr 07 Javascript
详解在Node.js中发起HTTP请求的5种方法
Jan 10 Javascript
vue实现新闻展示页的步骤详解
Apr 11 Javascript
javascript Canvas动态粒子连线
Jan 01 Javascript
使用Karma做vue组件单元测试的实现
Jan 16 Javascript
Javascript组合继承方法代码实例解析
Apr 02 Javascript
javascript 模块依赖管理的本质深入详解
Apr 30 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中逗号与点号的区别
2013/08/05 PHP
PHP页面跳转操作实例分析(header方法)
2016/09/28 PHP
laravel实现分页样式替换示例代码(增加首、尾页)
2017/09/22 PHP
PHP 中 var_export、print_r、var_dump 调试中的区别
2018/06/19 PHP
JavaScript入门之基本函数详解
2011/10/21 Javascript
Javascript判断对象是否相等实现代码
2013/03/18 Javascript
jquery交替变换颜色的三种方法 实例代码
2013/11/19 Javascript
jquery动态更换设置背景图的方法
2014/03/25 Javascript
jquery果冻抖动效果实现方法
2015/01/15 Javascript
html的DOM中Event对象onblur事件用法实例
2015/01/21 Javascript
Node.js开发者必须了解的4个JS要点
2016/02/21 Javascript
JS实时弹出新消息提示框并有提示音响起的实现代码
2016/04/20 Javascript
js实现hashtable的赋值、取值、遍历操作实例详解
2016/12/25 Javascript
分享5个好用的javascript文件上传插件
2018/09/16 Javascript
详解javascript函数写法大全
2019/03/25 Javascript
JavaScript实现汉字转换为拼音及缩写的方法示例
2019/03/28 Javascript
如何写好一个vue组件,老夫的一年经验全在这了(推荐)
2019/05/18 Javascript
Vue动态修改网页标题的方法及遇到问题
2019/06/09 Javascript
150行Node.js实现的dns代理工具
2019/08/02 Javascript
Python中的二叉树查找算法模块使用指南
2014/07/04 Python
python使用Berkeley DB数据库实例
2014/09/26 Python
python入门之语句(if语句、while语句、for语句)
2015/01/19 Python
Python访问纯真IP数据库脚本分享
2015/06/29 Python
Pyqt5如何让QMessageBox按钮显示中文示例代码
2019/04/11 Python
Python使用matplotlib绘制圆形代码实例
2020/05/27 Python
Python字典dict常用方法函数实例
2020/11/09 Python
检测用户浏览器是否支持CSS3的方法
2009/08/29 HTML / CSS
怎样声明接口
2014/09/19 面试题
历史系毕业生自荐信
2013/10/28 职场文书
学术会议邀请函范文
2014/01/22 职场文书
创建卫生先进单位实施方案
2014/03/10 职场文书
实习协议书范本
2014/04/22 职场文书
我的老师教学反思
2014/05/01 职场文书
社区党员志愿服务活动方案
2014/08/18 职场文书
幼儿园老师新年寄语2015
2014/12/08 职场文书
解除处分决定书
2015/06/25 职场文书