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 相关文章推荐
对字符串进行HTML编码和解码的JavaScript函数
Feb 01 Javascript
js取消单选按钮选中并判断对象是否为空
Nov 14 Javascript
jQuery中:image选择器用法实例
Jan 03 Javascript
js树插件zTree获取所有选中节点数据的方法
Jan 28 Javascript
jQuery实现简易的天天爱消除小游戏
Oct 16 Javascript
基于Angularjs实现分页功能
May 30 Javascript
Javascript 6里的4个新语法
Aug 25 Javascript
jQuery实现导航回弹效果
Feb 27 Javascript
浅谈Vue.js应用的四种AJAX请求数据模式
Aug 30 Javascript
JSON字符串操作移除空串更改key/value的介绍
Jan 05 Javascript
layui原生表单验证的实例
Sep 09 Javascript
微信小程序 button样式设置为图片的方法
Jun 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
总集篇&特番节目先行播出!《SAO Alicization War of Underworld》第2季度TV动画4月25日放送!
2020/03/06 日漫
PHP调用三种数据库的方法(3)
2006/10/09 PHP
兼容PHP5的PHP目录管理函数库
2008/07/10 PHP
深入php self与$this的详解
2013/06/08 PHP
php生成shtml类用法实例
2014/12/09 PHP
laravel5.4利用163邮箱发送邮件的步骤详解
2017/09/22 PHP
web性能优化之javascript性能调优
2012/12/28 Javascript
Javascript执行效率全面总结
2013/11/04 Javascript
jquery自动切换tabs选项卡的具体实现
2013/12/24 Javascript
Javascript设置对象的ReadOnly属性(示例代码)
2013/12/25 Javascript
js中小数转换整数的方法
2014/01/26 Javascript
PHP中使用微秒计算脚本执行时间例子
2014/11/19 Javascript
JS根据生日算年龄的方法
2015/05/05 Javascript
JS获取及验证开始结束日期的方法
2016/08/20 Javascript
从零学习node.js之express入门(六)
2017/02/25 Javascript
通过源码分析Vue的双向数据绑定详解
2017/09/24 Javascript
js判断输入框不能为空格或null值的实现方法
2018/03/02 Javascript
vue+webpack实现异步加载三种用法示例详解
2018/04/24 Javascript
Laravel 如何在blade文件中使用Vue组件的示例代码
2020/06/28 Javascript
three.js 将图片马赛克化的示例代码
2020/07/31 Javascript
vue中是怎样监听数组变化的
2020/10/24 Javascript
python 中文乱码问题深入分析
2011/03/13 Python
深入浅析python中的多进程、多线程、协程
2016/06/22 Python
分析python切片原理和方法
2017/12/19 Python
Python建立Map写Excel表实例解析
2018/01/17 Python
python实现遍历文件夹修改文件后缀
2018/08/28 Python
python根据文章标题内容自动生成摘要的实例
2019/02/21 Python
利用python读取YUV文件 转RGB 8bit/10bit通用
2019/12/09 Python
如何打包Python Web项目实现免安装一键启动的方法
2020/05/21 Python
Python基于tkinter canvas实现图片裁剪功能
2020/11/05 Python
Flask-SocketIO服务端安装及使用代码示例
2020/11/26 Python
HTML5实现动画效果的方式汇总
2016/02/29 HTML / CSS
Made in Design意大利:现代家具、名家灯具和装饰
2020/10/27 全球购物
C#中有没有运算符重载?能否使用指针?
2014/05/05 面试题
90后毕业生的求职信范文
2013/09/21 职场文书
工地安全检查制度
2014/02/04 职场文书