Javascript 获取链接(url)参数的方法


Posted in Javascript onFebruary 15, 2009

方法1:将链接当作字符串 ,按照链接的格式分解,然后获取对应的参数值。
方法2:用正则直接匹配。
关键字:parameter 参数:location.href,url ,链接,javascript
方法1:
分解链接方式:

<script type="text/javascript"> 
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>

方法2:
用正则匹配方式:
<script type="text/javascript"> 
function getQueryStringRegExp(name) 
{ 
var reg = new RegExp("(^|\\?|&)"+ name +"=([^&]*)(https://3water.com/file:///s:&%7C$)", "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 事件冒泡简介及应用
Jan 11 Javascript
JSON辅助格式化处理方法
Mar 26 Javascript
jquery live()调用不存在的解决方法
Feb 26 Javascript
javascript作用域和闭包使用详解
Apr 25 Javascript
jQuery实现仿路边灯箱广告图片轮播效果
Apr 15 Javascript
js实现鼠标划过给div加透明度的方法
May 25 Javascript
举例讲解jQuery中可见性过滤选择器的使用
Apr 18 Javascript
jQuery 常用代码集锦(必看篇)
May 16 Javascript
Vue.js创建Calendar日历效果
Nov 03 Javascript
基于Angularjs+mybatis实现二级评论系统(仿简书)
Feb 13 Javascript
解决nuxt 自定义全局方法,全局属性,全局变量的问题
Nov 05 Javascript
vue element和nuxt的使用技巧分享
Jan 14 Vue.js
JavaScript 获得选中文本内容的方法
Feb 15 #Javascript
检测是否已安装 .NET Framework 3.5的js脚本
Feb 14 #Javascript
Javascript 跨域访问解决方案
Feb 14 #Javascript
JavaScript DOM 添加事件
Feb 14 #Javascript
CSS+Table图文混排中实现文本自适应图片宽度(超简单+跨所有浏览器)
Feb 14 #Javascript
JavaScript实现动态增加文件域表单
Feb 12 #Javascript
从JavaScript 到 JQuery (1)学习小结
Feb 12 #Javascript
You might like
PHP修改session_id示例代码
2014/01/08 PHP
ThinkPHP登录功能的实现方法
2014/08/20 PHP
通过PHP实现获取访问用户IP
2020/05/09 PHP
javascript 显示当前系统时间代码
2009/12/28 Javascript
zTree插件之单选下拉菜单实例代码
2013/11/07 Javascript
JavaScript动态操作表格实例(添加,删除行,列及单元格)
2013/11/25 Javascript
javascript实现表格排序 编辑 拖拽 缩放
2015/01/02 Javascript
Select下拉框模糊查询功能实现代码
2016/07/22 Javascript
微信页面倒计时代码(解决safari不兼容date的问题)
2016/12/13 Javascript
layui分页效果实现代码
2017/05/19 Javascript
vue通过watch对input做字数限定的方法
2017/07/13 Javascript
vue将单页面改造成多页面应用的方法
2018/11/25 Javascript
解决vue cli使用typescript后打包巨慢的问题
2019/09/30 Javascript
使用axios请求接口,几种content-type的区别详解
2019/10/29 Javascript
详解Vue 单文件组件的三种写法
2020/02/19 Javascript
Angular利用HTTP POST下载流文件的步骤记录
2020/07/26 Javascript
[01:56]生活中的妖精之七夕特别档
2016/08/09 DOTA
django 通过ajax完成邮箱用户注册、激活账号的方法
2018/04/17 Python
Python 使用Numpy对矩阵进行转置的方法
2019/01/28 Python
python判断文件夹内是否存在指定后缀文件的实例
2019/06/10 Python
Python如何筛选序列中的元素的方法实现
2019/07/15 Python
Python使用import导入本地脚本及导入模块的技巧总结
2019/08/07 Python
Python中生成一个指定长度的随机字符串实现示例
2019/11/06 Python
基于Python获取照片的GPS位置信息
2020/01/20 Python
python实现人工蜂群算法
2020/09/18 Python
美国知名生活购物网站:Goop
2017/11/03 全球购物
德国孕妇装和婴童服装网上商店:bellybutton
2018/04/12 全球购物
应征英语教师求职信
2013/11/27 职场文书
体育教育个人自荐信范文
2013/12/01 职场文书
行政助理岗位职责范文
2013/12/03 职场文书
2014春晚主持词
2014/03/25 职场文书
客运企业隐患排查工作方案
2014/06/06 职场文书
大学军训自我鉴定大全
2014/09/18 职场文书
企业员工辞职信范文
2015/05/12 职场文书
个人房屋租赁合同(标准范本)
2019/09/16 职场文书
mysql的单列多值存储实例详解
2022/04/05 MySQL