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 相关文章推荐
JS使用getComputedStyle()方法获取CSS属性值
Apr 23 Javascript
原生javascript实现图片按钮切换
Jan 12 Javascript
javascript实现table选中的行以指定颜色高亮显示的方法
May 13 Javascript
Node.js插件安装图文教程
May 06 Javascript
jQuery实现节点的追加、替换、删除、复制功能示例
Jul 11 jQuery
js实现图片懒加载效果
Jul 17 Javascript
vue.js中实现登录控制的方法示例
Apr 23 Javascript
vue 使用vue-i18n做全局中英文切换的方法
Oct 29 Javascript
小程序自定义日历效果
Dec 29 Javascript
解决vue 单文件组件中样式加载问题
Apr 24 Javascript
Vue.js中使用Vuex实现组件数据共享案例
Jul 31 Javascript
vscode自定义vue模板的实现
Jan 27 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
使用GROUP BY的时候如何统计记录条数 COUNT(*) DISTINCT
2011/04/23 PHP
PHP中nowdoc和heredoc使用需要注意的一点
2014/03/21 PHP
Laravel 4 初级教程之视图、命名空间、路由
2014/10/30 PHP
tp5.1 框架数据库-数据集操作实例分析
2020/05/26 PHP
PHP生成图表pChart的示例解析
2020/07/31 PHP
修复bash漏洞的shell脚本分享
2014/12/31 Javascript
微信企业号开发之微信考勤百度地图定位
2015/09/11 Javascript
使用jQuery实现Web页面换肤功能的要点解析
2016/05/12 Javascript
在windows上用nodejs搭建静态文件服务器的简单方法
2016/08/11 NodeJs
浅谈js停止事件冒泡 阻止浏览器的默认行为(阻止超连接 #)
2017/02/08 Javascript
解决JS内存泄露之js对象和dom对象互相引用问题
2017/06/25 Javascript
vue音乐播放器插件vue-aplayer的配置及其使用实例详解
2017/07/10 Javascript
Node.js自定义实现文件路由功能
2017/09/22 Javascript
详解NODEJS基于FFMPEG视频推流测试
2017/11/17 NodeJs
Vue 项目分环境打包的方法示例
2018/08/03 Javascript
VUE单页面切换动画代码(全网最好的切换效果)
2019/10/31 Javascript
vue瀑布流组件实现上拉加载更多
2020/03/10 Javascript
[04:09]2014DOTA2国际邀请赛Ti西雅图 历届冠军相继出局 BBC综述今日比赛
2014/07/20 DOTA
python中的五种异常处理机制介绍
2014/09/02 Python
Python中的深拷贝和浅拷贝详解
2015/06/03 Python
Pytorch提取模型特征向量保存至csv的例子
2020/01/03 Python
python列表切片和嵌套列表取值操作详解
2020/02/27 Python
Django实现从数据库中获取到的数据转换为dict
2020/03/27 Python
Python unittest框架操作实例解析
2020/04/13 Python
python TCP包注入方式
2020/05/05 Python
美国著名首饰网站:BaubleBar
2016/08/29 全球购物
Sephora丝芙兰马来西亚官方网站:国际化妆品购物
2018/03/15 全球购物
Anthropologie英国:美国家喻户晓的休闲服装和家居产品品牌
2018/12/05 全球购物
AJAX应用和传统Web应用有什么不同
2013/08/24 面试题
违反学校规定检讨书
2014/01/18 职场文书
创先争优一句话承诺
2014/05/29 职场文书
房屋租赁合同补充协议
2014/10/11 职场文书
停水通知
2015/04/16 职场文书
农业项目投资意向书
2015/05/09 职场文书
2015年基层党支部工作总结
2015/05/21 职场文书
思品教学工作总结
2015/08/10 职场文书