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 相关文章推荐
JQuery中$之选择器用法介绍
Apr 05 Javascript
js 链式延迟执行DOME
Jan 04 Javascript
拖动table标题实现改变td的大小(css+js代码)
Apr 16 Javascript
window.location.href中url中数据量太大时的解决方法
Dec 23 Javascript
利用浏览器全屏api实现js全屏
Jan 16 Javascript
继续学习javascript闭包
Dec 03 Javascript
Dojo获取下拉框的文本和值实例代码
May 27 Javascript
不同js异步函数同步的实现方法
May 28 Javascript
JavaScript程序中实现继承特性的方式总结
Jun 24 Javascript
vue.js 实现输入框动态添加功能
Jun 25 Javascript
Vue开发环境中修改端口号的实现方法
Aug 15 Javascript
解决VUE 在IE下出现ReferenceError: Promise未定义的问题
Nov 07 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
配置Apache2.2+PHP5+CakePHP1.2+MySQL5运行环境
2009/04/25 PHP
PHP nl2br函数 将换行字符转成 &amp;lt;br&amp;gt;
2009/08/21 PHP
thinkphp验证码的实现(form、ajax实现验证)
2016/07/28 PHP
PHP chop()函数讲解
2019/02/11 PHP
javascript游戏开发之《三国志曹操传》零部件开发(五)可移动地图的实现
2013/01/23 Javascript
jQuery+CSS实现菜单滑动伸展收缩(仿淘宝)
2013/03/22 Javascript
理解 JavaScript Scoping &amp; Hoisting(二)
2015/11/18 Javascript
javascript时间戳和日期字符串相互转换代码(超简单)
2016/06/22 Javascript
KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定
2016/10/11 Javascript
详解JS对象封装的常用方式
2016/12/30 Javascript
JS实现websocket长轮询实时消息提示的效果
2017/10/10 Javascript
JQuery选中select组件被选中的值方法
2018/03/08 jQuery
详解vue使用vue-layer-mobile组件实现toast,loading效果
2018/08/31 Javascript
微信打开网址添加在浏览器中打开提示的办法
2019/05/20 Javascript
实现一个 Vue 吸顶锚点组件方法
2019/07/10 Javascript
浅谈Vue项目骨架屏注入实践
2019/08/05 Javascript
JS控制GIF图片的停止与显示
2019/10/24 Javascript
uniapp实现可以左右滑动导航栏
2020/10/21 Javascript
[01:29]2014DOTA2展望TI 剑指西雅图DK战队专访
2014/06/30 DOTA
[02:20]DOTA2亚洲邀请赛 EHOME战队出场宣传片
2015/02/07 DOTA
Python中DJANGO简单测试实例
2015/05/11 Python
numpy.delete删除一列或多列的方法
2018/04/03 Python
Python3+PyInstall+Sciter解决报错缺少dll、html等文件问题
2019/07/15 Python
用python3读取python2的pickle数据方式
2019/12/25 Python
python面向对象之类属性和类方法案例分析
2019/12/30 Python
Django模型中字段属性choice使用说明
2020/03/30 Python
HTML5之SVG 2D入门3—文本与图像及渲染文本介绍
2013/01/30 HTML / CSS
医护人员英文求职信范文
2013/11/26 职场文书
会计找工作求职信范文
2013/12/09 职场文书
给酒店员工的表扬信
2014/01/11 职场文书
离婚协议书范本(通用篇)
2014/11/30 职场文书
教师“一帮一”结对子活动总结
2015/05/07 职场文书
2019大学竞选班长发言稿
2019/06/27 职场文书
2019感恩宣传标语!
2019/07/05 职场文书
中学生打架检讨书之500字
2019/08/06 职场文书
golang用type-switch判断interface的实际存储类型
2022/04/14 Golang