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 相关文章推荐
悄悄用脚本检查你访问过哪些网站的代码
Dec 04 Javascript
javascript之bind使用介绍
Oct 09 Javascript
自定义jquery模态窗口插件无法在顶层窗口显示问题
May 29 Javascript
javascript实现限制上传文件大小
Feb 06 Javascript
JQuery中属性过滤选择器用法实例分析
May 18 Javascript
纯javascript模仿微信打飞机小游戏
Aug 20 Javascript
javascript编程异常处理实例小结
Nov 30 Javascript
Vue.js中的图片引用路径的方式
Jul 28 Javascript
webpack4.0打包优化策略整理小结
Mar 30 Javascript
基于JS实现web端录音与播放功能
Apr 17 Javascript
微信小程序与公众号实现数据互通的方法
Jul 25 Javascript
JS实现水平移动与垂直移动动画
Dec 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
php对称加密算法示例
2014/05/07 PHP
教你如何开启shopnc b2b2c 伪静态
2014/10/21 PHP
Laravel中任务调度console使用方法小结
2017/05/07 PHP
PHP实现的基于单向链表解决约瑟夫环问题示例
2017/09/30 PHP
javascript定义函数的方法
2010/12/06 Javascript
jQuery(js)获取文字宽度(显示长度)示例代码
2013/12/31 Javascript
Javascript基础教程之数据类型 (字符串 String)
2015/01/18 Javascript
使用纯javascript实现放大镜效果
2015/03/18 Javascript
JS实现自动变化的导航菜单效果代码
2015/09/09 Javascript
JQuery移动页面开发之屏幕方向改变与滚屏的实现
2015/12/03 Javascript
Sea.JS知识总结
2016/05/05 Javascript
jQuery 检查某个元素在页面上是否存在实例代码
2016/10/27 Javascript
Vue.js添加组件操作示例
2018/06/13 Javascript
Electron中实现大文件上传和断点续传功能
2018/10/28 Javascript
Vue中通过vue-router实现命名视图的问题
2020/04/23 Javascript
[57:41]Secret vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python执行时间的计算方法小结
2017/03/17 Python
linux环境下python中MySQLdb模块的安装方法
2017/06/16 Python
实例讲解python中的协程
2018/10/08 Python
python实现事件驱动
2018/11/21 Python
Python图像处理之gif动态图的解析与合成操作详解
2018/12/30 Python
强悍的Python读取大文件的解决方案
2019/02/16 Python
解决python文件双击运行秒退的问题
2019/06/24 Python
Python函数必须先定义,后调用说明(函数调用函数例外)
2020/06/02 Python
Python爬虫之Selenium实现关闭浏览器
2020/12/04 Python
python 6种方法实现单例模式
2020/12/15 Python
浅析canvas元素的html尺寸和css尺寸对元素视觉的影响
2019/07/22 HTML / CSS
HTML5跳转小程序wx-open-launch-weapp的示例代码
2020/07/16 HTML / CSS
英国水族馆和池塘用品购物网站:Warehouse Aquatics
2019/08/29 全球购物
我的五年职业生涯规划
2014/01/23 职场文书
晨会主持词
2014/03/17 职场文书
查摆问题自查报告范文
2014/10/13 职场文书
党的群众路线教育实践活动个人整改措施落实情况
2014/11/04 职场文书
2014年劳动部工作总结
2014/12/11 职场文书
个人汇报材料范文
2014/12/30 职场文书
感恩信:写给爸爸妈妈的一封感谢信
2019/09/12 职场文书