javascript/jquery获取地址栏url参数的方法


Posted in Javascript onMarch 05, 2014

使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作

1、jquery获取url很简单,代码如下

window.location.href;

 其实只是用到了javascript的基础的window对象,并没有用jquery的知识

2、jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么重要的事情

首先看看单纯的通过javascript是如何来获取url中的某个参数

function getUrlParam(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
var r = window.location.search.substr(1).match(reg);  //匹配目标参数
if (r!=null) return unescape(r[2]); return null; //返回参数值
}

通过这个函数传递url中的参数名就可以获取到参数的值,比如url为
http://www.xxx.loc/admin/write-post.php?cid=79
我们要获取cid的值,可以这样写:
getUrlParam('cid');

明白了javascript获取url参数的方法,我们可以通过这个方法为jquery扩展一个方法来通过jquery获取url参数,下面的代

码为jquery扩展了一个getUrlParam()方法

(function($){
$.getUrlParam
 = function(name)
{
var reg
 = new RegExp("(^|&)"+
 name +"=([^&]*)(&|$)");
var r
 = window.location.search.substr(1).match(reg);
if (r!=null) return unescape(r[2]); return null;
}
})(jQuery);

为jquery扩展了这个方法了之后我们就可以通过如下方法来获取某个参数的值了
$.getUrlParam('cid');
Javascript 相关文章推荐
Exitjs获取DataView中图片文件名
Nov 26 Javascript
Javascript表格翻页效果的具体实现
Oct 05 Javascript
javascript trim函数在IE下不能用的解决方法
Sep 12 Javascript
AngularJS的内置过滤器详解
May 14 Javascript
jQuery简单实现验证邮箱格式
Jul 15 Javascript
JavaScript如何实现在文本框(密码框)输入提示语
Dec 25 Javascript
再谈JavaScript异步编程
Jan 27 Javascript
Bootstrap每天必学之工具提示(Tooltip)插件
Apr 26 Javascript
JavaScript实现获取用户单击body中所有A标签内容的方法
Jun 05 Javascript
JavaScript实现仿Clock ISO时钟
Jun 29 Javascript
详解react内联样式使用webpack将px转rem
Sep 13 Javascript
搭建Vue从Vue-cli到router路由护卫的实现
Nov 14 Javascript
js离开或刷新页面检测(且兼容FF,IE,Chrome)
Mar 05 #Javascript
js特殊字符过滤的示例代码
Mar 05 #Javascript
jquerymobile局部渲染的各种刷新方法小结
Mar 05 #Javascript
JqueryMobile动态生成listView并实现刷新的两种方法
Mar 05 #Javascript
jquery mobile动态添加元素之后不能正确渲染解决方法说明
Mar 05 #Javascript
thinkphp中常用的系统常量和系统变量
Mar 05 #Javascript
js判断ie版本号的简单实现代码
Mar 05 #Javascript
You might like
php将数据库导出成excel的方法
2010/05/07 PHP
php5.3以后的版本连接sqlserver2000的方法
2014/07/28 PHP
smarty中英文多编码字符截取乱码问题解决方法
2014/10/28 PHP
php中chdir()函数用法实例
2014/11/13 PHP
php生成验证码函数
2015/10/20 PHP
yii2实现根据时间搜索的方法
2016/05/25 PHP
LazyForm jQuery plugin 定制您的CheckBox Radio和Select
2009/10/24 Javascript
js确认删除对话框效果的示例代码
2014/02/20 Javascript
JS实现点击按钮控制Div变宽、增高及调整背景色的方法
2015/08/05 Javascript
简单谈谈javascript中的变量、作用域和内存问题
2015/08/30 Javascript
JavaScript数组去重的两种方法推荐
2016/04/05 Javascript
jQuery插件Easyui设置datagrid的pageNumber导致两次请求问题的解决方法
2016/08/06 Javascript
JavaScript仿微信打飞机游戏
2020/07/05 Javascript
微信小程序异步处理详解
2017/11/10 Javascript
微信小程序中使用自定义图标(阿里icon)的方法
2018/08/20 Javascript
JS用最简单的方法实现四舍五入
2019/08/27 Javascript
使用layui实现树形结构的方法
2019/09/20 Javascript
layui数据表格 table.render 报错的解决方法
2019/09/29 Javascript
javascript实现时钟动画
2020/12/03 Javascript
Flask框架Flask-Login用法分析
2018/07/23 Python
python文件操作之批量修改文件后缀名的方法
2018/08/10 Python
Python异常处理操作实例详解
2018/08/28 Python
PyQt5 实现字体大小自适应分辨率的方法
2019/06/18 Python
Python合并2个字典成1个新字典的方法(9种)
2019/12/19 Python
伦敦所有西区剧院演出官方票务代理:Theatre Tickets Direct
2017/05/26 全球购物
Champs Sports加拿大:北美最大的以商场为基础的专业运动鞋和服装零售商之一
2018/05/01 全球购物
大学生职业生涯规划书范文
2014/01/04 职场文书
现场施工员岗位职责
2014/03/10 职场文书
授权委托书范本(单位)
2014/09/28 职场文书
个人年底工作总结
2015/03/10 职场文书
2015年小班保育员工作总结
2015/05/27 职场文书
幼儿园托班开学寄语(2015秋季)
2015/05/27 职场文书
幼儿园见习总结
2015/06/23 职场文书
2016高考寄语或鼓励的话语
2015/12/04 职场文书
干货:如何写好工作总结报告!
2019/05/10 职场文书
Android studio 简单计算器的编写
2022/05/20 Java/Android