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 相关文章推荐
特殊字符、常规符号及其代码对照表
Jun 26 Javascript
js判断生效时间不得大于失效时间的思路及代码
Apr 23 Javascript
浏览器的JavaScript引擎的识别方法
Oct 20 Javascript
jquery制作居中遮罩层效果分享
Feb 21 Javascript
php析构函数的具体用法小结
Mar 11 Javascript
jQuery的context属性用法实例
Dec 27 Javascript
Select下拉框模糊查询功能实现代码
Jul 22 Javascript
JS 验证密码 不能为空,必须含有数字、字母、特殊字符,长度在8-12位
Jun 21 Javascript
详解如何用babel转换es6的class语法
Apr 03 Javascript
详解在React-Native中持久化redux数据
May 22 Javascript
Vue实现点击导航栏当前标签后变色功能
Aug 19 Javascript
vue登录页实现使用cookie记住7天密码功能的方法
Feb 18 Vue.js
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站内搜索并高亮显示关键字的实现代码
2011/12/29 PHP
php array的学习笔记
2012/05/10 PHP
PHP在线生成二维码(google api)的实现代码详解
2013/06/04 PHP
PHP内置过滤器FILTER使用实例
2014/06/25 PHP
PHP单例模式详解及实例代码
2016/12/21 PHP
Laravel validate error处理,ajax,json示例
2019/10/25 PHP
jquery实现简单的拖拽效果实例兼容所有主流浏览器
2013/06/21 Javascript
JQuery CheckBox(复选框)操作方法汇总
2015/04/15 Javascript
对象转换为原始值的实现方法
2016/06/06 Javascript
全面解析DOM操作和jQuery实现选项移动操作代码分享
2016/06/07 Javascript
prototype与__proto__区别详细介绍
2017/01/09 Javascript
js实现导航栏中英文切换效果
2017/01/16 Javascript
nodeJs链接Mysql做增删改查的简单操作
2017/02/04 NodeJs
javascript数据结构之串的概念与用法分析
2017/04/12 Javascript
bootstrap的常用组件和栅格式布局详解
2017/05/02 Javascript
nodejs结合socket.io实现websocket通信功能的方法
2018/01/12 NodeJs
vue中的自定义分页插件组件的示例
2018/08/18 Javascript
vue轮播组件实现$children和$parent 附带好用的gif录制工具
2019/09/26 Javascript
微信小程序返回箭头跳转到指定页面实例解析
2019/10/08 Javascript
[01:05:40]VG vs Newbee 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
尝试使用Python多线程抓取代理服务器IP地址的示例
2015/11/09 Python
Python标准模块--ContextManager上下文管理器的具体用法
2017/11/27 Python
在Python中关于使用os模块遍历目录的实现方法
2019/01/03 Python
python爬虫爬取幽默笑话网站
2019/10/24 Python
python文件及目录操作代码汇总
2020/07/08 Python
python实现企业微信定时发送文本消息的示例代码
2020/11/24 Python
使用CSS3在触屏上为按钮实现激活效果
2013/09/27 HTML / CSS
荷兰天然和有机产品网上商城:BigGreenSmile.nl
2020/07/26 全球购物
收款委托书范本
2014/09/11 职场文书
销售人才自我评价范文
2014/09/27 职场文书
致百米运动员广播稿5篇
2014/10/13 职场文书
2014年化验室工作总结
2014/11/21 职场文书
2014年个人工作总结模板
2014/12/15 职场文书
你对自己的信用报告有过了解吗?
2019/07/09 职场文书
浅谈音视频 pts dts基本概念及理解
2022/08/05 数码科技
了解MySQL查询语句执行过程(5大组件)
2022/08/14 MySQL