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 radio 联动效果
Mar 04 Javascript
js获取本机的外网/广域网ip地址完整源码
Aug 12 Javascript
javascript随机之洗牌算法深入分析
Jun 07 Javascript
JS实现样式清新的横排下拉菜单效果
Oct 09 Javascript
jQuery实现简单的图片查看器
Sep 11 Javascript
React组件中的this的具体使用
Feb 28 Javascript
JavaScript 2018 中即将迎来的新功能
Sep 21 Javascript
微信小程序与webview交互实现支付功能
Jun 07 Javascript
详解Node.js异步处理的各种写法
Jun 09 Javascript
让 babel webpack vue 配置文件支持智能提示的方法
Jun 22 Javascript
简单谈谈offsetleft、offsetTop和offsetParent
Dec 04 Javascript
微信小程序实现录音Record功能
May 09 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 5.0对象模型深度探索之绑定
2006/09/05 PHP
把1316这个数表示成两个数的和,其中一个为13的倍数,另一个是11的倍数,求这两个数。
2011/06/24 PHP
Laravel中使用FormRequest进行表单验证方法及问题汇总
2016/06/19 PHP
PHP sdk文档处理常用代码示例解析
2020/12/09 PHP
JQuery toggle使用分析
2009/11/16 Javascript
玩转jQuery按钮 请告诉我你最喜欢哪些?
2012/01/08 Javascript
jQuery拖拽 &amp; 弹出层 介绍与示例
2013/12/27 Javascript
Javascript中this的用法详解
2014/09/22 Javascript
基于javascript实现右下角浮动广告效果
2016/01/08 Javascript
Js遍历键值对形式对象或Map形式的方法
2016/08/08 Javascript
利用JS hash制作单页Web应用的方法详解
2017/10/10 Javascript
Angular整合zTree的示例代码
2018/01/24 Javascript
JavaScript分步实现一个出生日期的正则表达式
2018/03/22 Javascript
不得不知的ES6小技巧
2018/07/28 Javascript
解决vue 界面在苹果手机上滑动点击事件等卡顿问题
2018/11/27 Javascript
vscode下的vue文件格式化问题
2018/11/28 Javascript
vue进入页面时滚动条始终在底部代码实例
2019/03/26 Javascript
javascript实现简单打字游戏
2019/10/29 Javascript
Vue路由守卫及页面登录权限控制的设置方法(两种)
2020/03/31 Javascript
我所理解的JavaScript中的this指向
2020/09/04 Javascript
Python命令启动Web服务器实例详解
2017/02/23 Python
python如何获取服务器硬件信息
2017/05/11 Python
基于Python pip用国内镜像下载的方法
2018/06/12 Python
django的ORM操作 删除和编辑实现详解
2019/07/24 Python
Python计算不规则图形面积算法实现解析
2019/11/22 Python
Python3基本输入与输出操作实例分析
2020/02/14 Python
CSS3点击按钮实现背景渐变动画效果
2016/10/19 HTML / CSS
HelloFresh奥地利:立即订购烹饪盒
2019/02/22 全球购物
如何编写优秀的食品项目创业计划书
2014/01/23 职场文书
干部现实表现材料
2014/02/13 职场文书
监察建议书范文
2014/03/12 职场文书
数据保密承诺书
2014/06/03 职场文书
欢迎领导标语
2014/06/27 职场文书
担保贷款承诺书
2015/04/30 职场文书
听证会主持词
2015/07/03 职场文书
2016中秋节问候语
2015/11/11 职场文书