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 相关文章推荐
JavaScript面向对象知识串结(读JavaScript高级程序设计(第三版))
Jul 17 Javascript
JavaScript中检查对象property的存在性方法介绍
Dec 30 Javascript
ECMAScript 5中的属性描述符详解
Mar 02 Javascript
Javascript数组Array基础介绍
Mar 13 Javascript
学习Angularjs分页指令
Jul 01 Javascript
jQuery.cookie.js实现记录最近浏览过的商品功能示例
Jan 23 Javascript
JavaScript基本类型值-Undefined、Null、Boolean
Feb 23 Javascript
微信小程序 页面滑动事件的实例详解
Oct 12 Javascript
jQuery模拟html下拉多选框的原生实现方法示例
May 30 jQuery
在Koa.js中实现文件上传的接口功能
Oct 08 Javascript
ES6的循环与可迭代对象示例详解
Jan 31 Javascript
vue项目如何打包之项目打包优化(让打包的js文件变小)
Apr 30 Vue.js
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 采集获取指定网址的内容
2010/01/05 PHP
php中文验证码实现示例分享
2014/01/12 PHP
实现PHP多线程异步请求的3种方法
2014/01/17 PHP
PHP实现双链表删除与插入节点的方法示例
2017/11/11 PHP
PHP流Streams、包装器wrapper概念与用法实例详解
2017/11/17 PHP
利用JavaScript实现新闻滚动效果(实例代码)
2013/11/27 Javascript
js判断设备是否为PC并调整图片大小
2014/02/12 Javascript
JS实现合并两个数组并去除重复项只留一个的方法
2015/12/17 Javascript
node.js缺少mysql模块运行报错的解决方法
2016/11/13 Javascript
jQuery简单自定义图片轮播插件及用法示例
2016/11/21 Javascript
Javascript之面向对象--接口
2016/12/02 Javascript
JS使用正则表达式验证身份证号码
2017/06/23 Javascript
微信小程序之蓝牙的链接
2017/09/26 Javascript
Vue数据双向绑定原理实例解析
2020/05/15 Javascript
[11:42]2018DOTA2国际邀请赛寻真——OG卷土重来
2018/08/17 DOTA
python之PyMongo使用总结
2017/05/26 Python
Python标准库shutil用法实例详解
2018/08/13 Python
Python线性拟合实现函数与用法示例
2018/12/13 Python
利用python提取wav文件的mfcc方法
2019/01/09 Python
Python判断对象是否为文件对象(file object)的三种方法示例
2019/04/26 Python
Windows下Pycharm远程连接虚拟机中Centos下的Python环境(图文教程详解)
2020/03/19 Python
Python 字典中的所有方法及用法
2020/06/10 Python
英国排名第一的LED灯泡网站:LED Bulbs
2019/09/03 全球购物
Linux管理员面试经常问道的相关命令
2014/12/12 面试题
学校消防安全制度
2014/01/30 职场文书
军神教学反思
2014/02/04 职场文书
核心价值观演讲稿
2014/05/13 职场文书
企业负责人任命书
2014/06/05 职场文书
欢迎领导检查标语
2014/06/27 职场文书
公司总经理岗位职责范本
2014/08/15 职场文书
2014年大学班级工作总结
2014/11/14 职场文书
歌舞青春观后感
2015/06/10 职场文书
2016猴年春节慰问信
2015/11/30 职场文书
基层医务人员三严三实心得体会
2016/01/05 职场文书
《鲁滨逊漂流记》之六读后感(4篇)
2019/09/29 职场文书
HTML基础详解(下)
2021/10/16 HTML / CSS