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 相关文章推荐
js播放wav文件(源码)
Apr 22 Javascript
13个PHP函数超实用
Oct 21 Javascript
异步JS框架的作用以及实现方法
Oct 29 Javascript
jquery对dom节点的操作【推荐】
Apr 15 Javascript
基于jquery实现轮播特效
Apr 22 Javascript
谈谈PHP中相对路径的问题与绝对路径的使用
Aug 16 Javascript
JavaScript自动点击链接 防止绕过浏览器访问的方法
Jan 19 Javascript
9种使用Chrome Firefox 自带调试工具调试javascript技巧
Dec 22 Javascript
vue-cli webpack 引入swiper的操作方法
Sep 15 Javascript
JS数组扁平化(flat)方法总结详解
Jun 24 Javascript
node.js基于dgram数据报模块创建UDP服务器和客户端操作示例
Feb 12 Javascript
JS继承定义与使用方法简单示例
Feb 19 Javascript
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
239军机修复记
2021/03/02 无线电
利用PHP创建动态图像
2006/10/09 PHP
PHP实现取得HTTP请求的原文
2014/08/18 PHP
yii2控制器Controller Ajax操作示例
2016/07/23 PHP
PHP对象、模式与实践之高级特性分析
2016/12/08 PHP
PHP使用PhpSpreadsheet操作Excel实例详解
2020/03/26 PHP
基于jQuery实现表格数据的动态添加与统计的代码
2011/01/31 Javascript
cument.execCommand()用法深入理解
2012/12/04 Javascript
JavaScript中的this关键字介绍与使用实例
2013/06/21 Javascript
关于Javascript作用域链的八点总结
2013/12/06 Javascript
CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法
2015/05/12 Javascript
javascript实现unicode与ASCII相互转换的方法
2015/12/10 Javascript
JS原型、原型链深入理解
2016/02/27 Javascript
JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
2016/08/05 Javascript
AngularJS之自定义服务详解(factory、service、provider)
2017/04/14 Javascript
jQuery实现简单的抽奖游戏
2017/05/05 jQuery
JavaScript实现无限级递归树的示例代码
2019/03/29 Javascript
JavaScript变量基本使用方法实例分析
2019/11/15 Javascript
基于jsbarcode 生成条形码并将生成的条码保存至本地+源码
2020/04/27 Javascript
[36:33]2018DOTA2亚洲邀请赛 4.3 突围赛 EG vs Newbee 第二场
2018/04/04 DOTA
[44:22]完美世界DOTA2联赛循环赛 FTD vs PXG BO2第一场 11.01
2020/11/02 DOTA
Linux 发邮件磁盘空间监控(python)
2016/04/23 Python
Python 专题一 函数的基础知识
2017/03/16 Python
详解python调度框架APScheduler使用
2017/03/28 Python
Python连接phoenix的方法示例
2017/09/29 Python
python使用多进程的实例详解
2018/09/19 Python
在Pycharm中自动添加时间日期作者等信息的方法
2019/01/16 Python
Python之修改图片像素值的方法
2019/07/03 Python
浅谈Html5多线程开发之WebWorkers
2018/05/02 HTML / CSS
世界上最好的足球商店:Unisport
2019/03/02 全球购物
幼儿园大班毕业感言
2014/02/06 职场文书
主要负责人任命书
2014/06/06 职场文书
低碳生活的宣传标语
2014/06/23 职场文书
传承焦裕禄精神思想汇报2014
2014/09/10 职场文书
公务员考察材料
2014/12/23 职场文书
教研活动主持词
2015/07/03 职场文书