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 模拟用户单击事件
Dec 31 Javascript
网页整体变灰白色(兼容各浏览器)实例
Apr 21 Javascript
jQuery实现在textarea指定位置插入字符或表情的方法
Mar 11 Javascript
浅谈javascript中的DOM方法
Jul 16 Javascript
JavaScript程序中的流程控制语句用法总结
May 23 Javascript
对象转换为原始值的实现方法
Jun 06 Javascript
最佳的JavaScript错误处理实践
Jul 16 Javascript
js实现3D图片展示效果
Mar 09 Javascript
JS组件系列之MVVM组件 vue 30分钟搞定前端增删改查
Apr 28 Javascript
微信小程序开发图片拖拽实例详解
May 05 Javascript
vscode下vue项目中eslint的使用方法
Jan 13 Javascript
JS中队列和双端队列实现及应用详解
Sep 29 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中获得视频时间总长度的另一种方法
2011/09/15 PHP
PHP实现WebService的简单示例和实现步骤
2015/03/27 PHP
php防止用户重复提交表单
2015/11/02 PHP
PHP购物车类Cart.class.php定义与用法示例
2016/07/20 PHP
PHP实现防盗链的方法分析
2017/07/25 PHP
变量声明时命名与变量作为对象属性时命名的区别解析
2013/12/06 Javascript
jQuery 判断图片是否加载完成方法汇总
2015/08/10 Javascript
一个简单不报错的summernote 图片上传案例
2016/07/11 Javascript
AngularJS入门教程之控制器详解
2016/07/27 Javascript
jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果
2016/08/15 Javascript
通过修改360抢票的刷新频率和突破8车次限制实现方法
2017/01/04 Javascript
简单实现js鼠标跟随效果
2020/08/02 Javascript
微信小程序中setInterval的使用方法
2017/09/29 Javascript
vue2.0安装style/css loader的方法
2018/03/14 Javascript
Vue实现textarea固定输入行数与添加下划线样式的思路详解
2018/06/28 Javascript
利用React Router4实现的服务端直出渲染(SSR)
2019/01/07 Javascript
在JavaScript中使用严格模式(Strict Mode)
2019/06/13 Javascript
基于Vue的商品主图放大镜方案详解
2019/09/19 Javascript
机器学习python实战之手写数字识别
2017/11/01 Python
TensorFlow在MAC环境下的安装及环境搭建
2017/11/14 Python
Python实现PS滤镜Fish lens图像扭曲效果示例
2018/01/29 Python
pytorch + visdom 处理简单分类问题的示例
2018/06/04 Python
python3 webp转gif格式的实现示例
2019/12/10 Python
6行Python代码实现进度条效果(Progress、tqdm、alive-progress​​​​​​​和PySimpleGUI库)
2020/01/06 Python
英国家庭家具、照明和花园家具购物网站:Furniture123
2018/12/31 全球购物
JAVA的事件委托机制和垃圾回收机制
2014/09/07 面试题
机械设计及其自动化求职推荐信
2014/02/17 职场文书
《小儿垂钓》教学反思
2014/02/23 职场文书
消防安全责任书
2014/04/14 职场文书
大学中国梦演讲稿
2014/04/23 职场文书
高校优秀辅导员事迹材料
2014/05/07 职场文书
招商引资工作汇报材料
2014/10/28 职场文书
志愿者个人总结
2015/03/03 职场文书
学生早退检讨书(范文)
2019/08/19 职场文书
Nginx性能优化之Gzip压缩设置详解(最大程度提高页面打开速度)
2022/02/12 Servers
Python中itertools库的四个函数介绍
2022/04/06 Python