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 TextArea动态显示剩余字符
Oct 22 Javascript
js获取class的所有元素
Mar 28 Javascript
js图片处理示例代码
May 12 Javascript
在myeclipse中如何加入jquery代码提示功能
Jun 03 Javascript
JS实现图片平面旋转的方法
Mar 01 Javascript
BootStrap实现鼠标悬停下拉列表功能
Feb 17 Javascript
详解vue-cli 脚手架 安装
Apr 16 Javascript
LayUI动态设置checkbox不显示的解决方法
Sep 02 Javascript
刷新页面后让控制台的js代码继续执行
Sep 20 Javascript
vue项目中使用bpmn为节点添加颜色的方法
Apr 30 Javascript
简单了解JavaScript作用域
Jul 31 Javascript
react国际化react-intl的使用
May 06 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设计模式之命令模式的应用详解
2013/05/21 PHP
PHP URL参数获取方式的四种例子
2014/02/28 PHP
php常用字符串处理函数实例分析
2014/11/22 PHP
PHP中strtr字符串替换用法详解
2014/11/26 PHP
FastCGI 进程意外退出造成500错误
2015/07/26 PHP
抛弃 PHP 代价太高
2016/04/26 PHP
使用laravel指定日志文件记录任意日志
2019/10/17 PHP
Javascript Function对象扩展之延时执行函数
2010/07/06 Javascript
JavaScript高级程序设计 事件学习笔记
2011/09/10 Javascript
js实现Select下拉框具有输入功能的方法
2015/02/06 Javascript
jQuery实现HTML表格单元格的合并功能
2016/04/06 Javascript
浅谈JS使用[ ]来访问对象属性
2016/09/21 Javascript
微信小程序 sha1 实现密码加密实例详解
2017/07/06 Javascript
node使用Mongoose类库实现简单的增删改查
2018/11/08 Javascript
js实现石头剪刀布游戏
2020/10/11 Javascript
Vue实现随机验证码功能
2020/12/29 Vue.js
scrapy自定义pipeline类实现将采集数据保存到mongodb的方法
2015/04/16 Python
Python实现自动登录百度空间的方法
2017/06/10 Python
python正则表达式的使用
2017/06/12 Python
Python实现进程同步和通信的方法
2018/01/02 Python
关于django 数据库迁移(migrate)应该知道的一些事
2018/05/27 Python
python计算阶乘和的方法(1!+2!+3!+...+n!)
2019/02/01 Python
Pandas分组与排序的实现
2019/07/23 Python
django filter过滤器实现显示某个类型指定字段不同值方式
2020/07/16 Python
python 基于opencv实现图像增强
2020/12/23 Python
css3 flex实现div内容水平垂直居中的几种方法
2020/03/27 HTML / CSS
基于HTML5 Canvas 实现弹出框效果
2017/06/05 HTML / CSS
数以千计的折扣工业产品:ESE Direct
2018/05/20 全球购物
美国最大的电子宠物训练产品制造商:PetSafe
2018/10/12 全球购物
生物技术专业毕业生求职信范文
2013/12/14 职场文书
团日活动总结怎么写
2014/06/25 职场文书
雷峰塔导游词
2015/02/09 职场文书
国情备忘录观后感
2015/06/04 职场文书
大学组织委员竞选稿
2015/11/21 职场文书
创业计划书之面包店
2019/09/17 职场文书
微信小程序基础教程之echart的使用
2021/06/01 Javascript