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 相关文章推荐
用AJAX返回HTML片段中的JavaScript脚本
Jan 04 Javascript
JS常用表单验证方法总结
May 22 Javascript
javascript中var的重要性分析
Feb 11 Javascript
兼容各大浏览器的JavaScript阻止事件冒泡代码
Jul 09 Javascript
Js 获取当前函数参数对象的实现代码
Jun 20 Javascript
JS判断日期格式是否合法的简单实例
Jul 11 Javascript
js oncontextmenu事件使用详解
Mar 25 Javascript
JS使用正则表达式验证身份证号码
Jun 23 Javascript
jquery一键控制checkbox全选、反选或全不选
Oct 16 jQuery
Angular4学习教程之DOM属性绑定详解
Jan 04 Javascript
layui实现动态和静态分页
Apr 28 Javascript
详解无限滚动插件vue-infinite-scroll源码解析
May 12 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
php命名空间学习详解
2014/02/27 PHP
php动态变量定义及使用
2015/06/10 PHP
PHP内核学习教程之php opcode内核实现
2016/01/27 PHP
Laravel 数据库加密及数据库表前缀配置方法
2019/10/10 PHP
jQuery实现鼠标可拖动调整表格列宽度
2014/05/26 Javascript
JavaScript中的Truthy和Falsy介绍
2015/01/01 Javascript
jQuery实现带滚动线条导航效果的方法
2015/01/30 Javascript
javascript实现验证身份证号的有效性并提示
2015/04/30 Javascript
分享jQuery插件的学习笔记
2016/01/14 Javascript
基于Bootstrap使用jQuery实现输入框组input-group的添加与删除
2016/05/03 Javascript
基于JavaScript实现前端文件的断点续传
2016/10/17 Javascript
浅谈Vue 数据响应式原理
2018/05/07 Javascript
Javascript 实现 Excel 导入生成图表功能
2018/10/22 Javascript
react基本安装与测试示例
2020/04/27 Javascript
详解Vue的七种传值方式
2021/02/08 Vue.js
linux系统使用python获取内存使用信息脚本分享
2014/01/15 Python
python实现的简单猜数字游戏
2015/04/04 Python
python实现自动重启本程序的方法
2015/07/09 Python
python多线程之事件Event的使用详解
2018/04/27 Python
详解django.contirb.auth-认证
2018/07/16 Python
Python实现手机号自动判断男女性别(实例解析)
2019/12/22 Python
python 中 .py文件 转 .pyd文件的操作
2021/03/04 Python
使用CSS3的ruby-position固定注音位置的用法示例
2016/07/05 HTML / CSS
最畅销的视频游戏享受高达90%的折扣:CDKeys
2020/02/10 全球购物
半年思想汇报
2013/12/30 职场文书
复核员上岗演讲稿
2014/01/05 职场文书
11月升旗仪式讲话稿
2014/02/15 职场文书
献爱心倡议书
2014/04/14 职场文书
投资建议书模板
2014/05/12 职场文书
小组名称和口号
2014/06/09 职场文书
英语教师求职信
2014/06/16 职场文书
初三毕业评语
2014/12/26 职场文书
员工福利申请报告
2015/05/15 职场文书
城镇居民医疗保险工作总结
2015/08/10 职场文书
诚实守信主题班会
2015/08/13 职场文书
golang的文件创建及读写操作
2022/04/14 Golang