javascript提取URL的搜索字符串中的参数(自定义函数实现)


Posted in Javascript onJanuary 22, 2013

今天在犀牛书上发现了一个有用的函数 urlArgs(提取URL的搜索字符串中的参数)。我们经常会看到有的页面链接地址后面会跟有参数,比如 http://www.xxx.com/?username=yyy&password=zzz 之类的,很多时候我们需要获得这些参数的值(yyy和zzz),那么就可以利用 urlArgs 函数,通过该函数的返回值(返回值是对象)的属性来获取。

urlArgs 函数代码

function urlArgs(){ 
var args = {}; 
var query = location.search.substring(1); 
var pairs = query.split('&'); 
for(var i = 0; i < pairs.length; i++){ 
var pos = pairs[i].indexOf('='); 
if(pos == -1) continue; 
var name = pairs[i].substring(0,pos); 
var value = pairs[i].substring(pos + 1); 
value = decodeURIComponent(value); 
args[name] = value; 
} 
return args; 
}

使用方法
var args = urlArgs(); 
var username = args.username; //yyy 
var password = args.password; //zzz
Javascript 相关文章推荐
jQuery 前的按键判断代码
Mar 19 Javascript
js charAt的使用示例
Feb 18 Javascript
window.setInterval()方法的定义和用法及offsetLeft与style.left的区别
Nov 11 Javascript
JS延时器提示框的应用实例代码解析
Apr 27 Javascript
ionic 上拉菜单(ActionSheet)实例代码
Jun 06 Javascript
原生JS实现的放大镜效果实例代码
Oct 15 Javascript
js+css3制作时钟特效
Oct 16 Javascript
Angular中ng-options下拉数据默认值的设定方法
Jun 21 Javascript
vue2.0$nextTick监听数据渲染完成之后的回调函数方法
Sep 11 Javascript
js对象属性名驼峰式转下划线的实例代码
Sep 17 Javascript
原生js实现自定义消息提示框
Nov 19 Javascript
JavaScript 生成唯一ID的几种方式
Feb 19 Javascript
jQuery 插件仿百度搜索框智能提示(带Value值)
Jan 22 #Javascript
js jquery验证银行卡号信息正则学习
Jan 21 #Javascript
用jquery模仿的a的title属性(兼容ie6/7)
Jan 21 #Javascript
jquery创建一个新的节点对象(自定义结构/内容)的好方法
Jan 21 #Javascript
给jQuery方法添加回调函数一款插件的应用
Jan 21 #Javascript
js 关键词高亮(根据ID/tag高亮关键字)案例介绍
Jan 21 #Javascript
ExtJS中文乱码之GBK格式编码解决方案及代码
Jan 20 #Javascript
You might like
php 随机记录mysql rand()造成CPU 100%的解决办法
2010/05/18 PHP
PHP设计模式之适配器模式代码实例
2015/05/11 PHP
Laravel框架实现发送短信验证功能代码
2016/06/06 PHP
Laravel 5.3 学习笔记之 配置
2016/08/28 PHP
解决thinkPHP 5 nginx 部署时,只跳转首页的问题
2019/10/16 PHP
Aster vs Newbee BO3 第二场2.18
2021/03/10 DOTA
javascript 判断数组是否已包含了某个元素的函数
2010/05/30 Javascript
JavaScript实现按照指定长度为数字前面补零输出的方法
2015/03/19 Javascript
JavaScript各类型的关系图解
2015/10/16 Javascript
javascript每日必学之运算符
2016/02/16 Javascript
Node.js项目中调用JavaScript的EJS模板库的方法
2016/03/11 Javascript
JavaScript中三个等号和两个等号的区别(== 和 ===)浅析
2016/09/22 Javascript
JavaScript 判断一个对象{}是否为空对象的简单方法
2016/10/09 Javascript
快速处理vue渲染前的显示问题
2018/03/05 Javascript
React之PureComponent的使用作用
2018/07/10 Javascript
vue导出html、word和pdf的实现代码
2018/07/31 Javascript
微信小程序自定义轮播图
2018/11/04 Javascript
create-react-app中添加less支持的实现
2019/11/15 Javascript
[01:38]2018DOTA2亚洲邀请赛主赛事第二日现场采访 神秘商人痛陈生计不易
2018/04/05 DOTA
python获取多线程及子线程的返回值
2017/11/15 Python
Django实现表单验证
2018/09/08 Python
centos7之Python3.74安装教程
2019/08/15 Python
Python提取PDF内容的方法(文本、图像、线条等)
2019/09/25 Python
美国女鞋品牌:naturalizer(娜然)
2016/08/01 全球购物
迪拜领先运动补剂零售品牌中文站:Sporter商城
2019/08/20 全球购物
货代行业个人求职简历的自我评价
2013/10/22 职场文书
商场活动策划方案
2014/01/24 职场文书
银行批评与自我批评
2014/02/10 职场文书
高三学习决心书
2014/03/11 职场文书
建筑安全标语
2014/06/07 职场文书
2014年教师节活动总结
2014/08/29 职场文书
学校运动会报道稿
2014/09/23 职场文书
自我检讨书范文
2015/01/28 职场文书
2015年中学图书馆工作总结
2015/07/22 职场文书
学校中层领导培训心得体会
2016/01/11 职场文书
JPA 通过Specification如何实现复杂查询
2021/11/23 Java/Android