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 相关文章推荐
固定网页背景图同时保持图片比例的思路代码
Aug 15 Javascript
使用js声明数组,对象在jsp页面中(获得ajax得到json数据)
Nov 05 Javascript
ext中store.load跟store.reload的区别示例介绍
Jun 17 Javascript
jQuery使用正则表达式限制文本框只能输入数字
Jun 18 Javascript
浅谈jquery中的each方法$.each、this.each、$.fn.each
Jun 23 Javascript
令按钮悬浮在(手机)页面底部的实现方法
May 02 Javascript
前端主流框架vue学习笔记第一篇
Jul 26 Javascript
Angular 4.0学习教程之架构详解
Sep 12 Javascript
javascript中神奇的 Date对象小结
Oct 12 Javascript
vue.js 实现点击展开收起动画效果
Jul 07 Javascript
vue使用Font Awesome的方法步骤
Feb 26 Javascript
react中hook介绍以及使用教程
Dec 11 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
COM in PHP (winows only)
2006/10/09 PHP
粗略计算在线时间,bug:ip相同
2006/12/09 PHP
PHP 程序员应该使用的10个组件
2009/10/31 PHP
Codeigniter出现错误提示Error with CACHE directory的解决方案
2014/06/12 PHP
php使用date和strtotime函数输出指定日期的方法
2014/11/14 PHP
Laravel5.7 数据库操作迁移的实现方法
2019/04/12 PHP
javascript 动态生成私有变量访问器
2009/12/06 Javascript
Node.js中创建和管理外部进程详解
2014/08/16 Javascript
jQuery学习笔记之jQuery+CSS3的浏览器兼容性
2015/01/19 Javascript
JS 清除字符串数组中,重复元素的实现方法
2016/05/24 Javascript
js字符串操作总结(必看篇)
2016/11/22 Javascript
js实现截图保存图片功能的代码示例
2017/02/16 Javascript
Angularjs中的ui-bootstrap的使用教程
2017/02/19 Javascript
jQuery点击头像上传并预览图片
2017/02/23 Javascript
ES6入门教程之let和const命令详解
2017/05/17 Javascript
Angular客户端请求Rest服务跨域问题的解决方法
2017/09/19 Javascript
深入浅析Node环境和浏览器的区别
2018/08/14 Javascript
Vue项目部署的实现(阿里云+Nginx代理+PM2)
2019/03/26 Javascript
移动端自适应flexible.js的使用方法(不用三大框架,仅写一个单html页面使用)推荐
2019/04/02 Javascript
js 使用ajax设置和获取自定义header信息的方法小结
2020/03/12 Javascript
vue-quill-editor插入图片路径太长问题解决方法
2021/01/08 Vue.js
在Python中操作字典之fromkeys()方法的使用
2015/05/21 Python
Python跨文件全局变量的实现方法示例
2017/12/10 Python
在pycharm中设置显示行数的方法
2019/01/16 Python
Python3.5实现的三级菜单功能示例
2019/03/25 Python
TensorFlow命名空间和TensorBoard图节点实例
2020/01/23 Python
xadmin使用formfield_for_dbfield函数过滤下拉表单实例
2020/04/07 Python
卫生巾广告词
2014/03/18 职场文书
2014年公务员工作总结
2014/11/18 职场文书
2014年科普工作总结
2014/12/06 职场文书
2019年大学生学年自我鉴定!
2019/03/25 职场文书
2019年行政人事个人工作总结范本!
2019/07/19 职场文书
mysql多表查询-笔记七
2021/04/05 MySQL
浅谈pytorch中stack和cat的及to_tensor的坑
2021/05/20 Python
你真的了解redis为什么要提供pipeline功能
2021/06/22 Redis
HTML实现仿Windows桌面主题特效的实现
2022/06/28 HTML / CSS