使用jquery获取url以及jquery获取url参数的实现方法


Posted in Javascript onMay 25, 2016

使用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');

以上这篇使用jquery获取url以及jquery获取url参数的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript入门之事件、cookie、定时等
Oct 21 Javascript
jQuery中的val()示例应用
Feb 26 Javascript
javascript使用smipleChart实现简单图表
Jan 02 Javascript
js实现类似MSN提示的页面效果代码分享
Aug 24 Javascript
微信小程序 支付功能实现PHP实例详解
May 12 Javascript
vue用Object.defineProperty手写一个简单的双向绑定的示例
Jul 09 Javascript
微信小程序实现带参数的分享功能(两种方法)
May 17 Javascript
JS实现动态添加外部js、css到head标签的方法
Jun 05 Javascript
微信小程序自定义头部导航栏和导航栏背景图片 navigationStyle问题
Jul 26 Javascript
javaScript把其它类型转换为Number类型
Oct 13 Javascript
JavaScript正则表达式验证登录实例
Mar 18 Javascript
JS端基于download.js实现图片、视频时直接下载而不是打开预览
May 09 Javascript
jquery分隔Url的param方法(推荐)
May 25 #Javascript
sso跨域写cookie的一段js脚本(推荐)
May 25 #Javascript
使用jquery提交form表单并自定义action的方法
May 25 #Javascript
浅析jQuery 遍历函数,javascript中的each遍历
May 25 #Javascript
jquery 遍历数组 each 方法详解
May 25 #Javascript
深入理解angularjs过滤器
May 25 #Javascript
jQuery中on绑定事件后引发的事件冒泡问题如何解决
May 25 #Javascript
You might like
PHP同时连接多个mysql数据库示例代码
2014/03/17 PHP
PIGCMS 如何关闭聊天机器人
2015/02/12 PHP
php实现数组中出现次数超过一半的数字的统计方法
2018/10/14 PHP
6个常见的 PHP 安全性攻击实例和阻止方法
2020/12/16 PHP
iframe 自适应高度[在IE6 IE7 FF下测试通过]
2009/04/13 Javascript
silverlight线程与基于事件驱动javascript引擎(实现轨迹回放功能)
2011/08/09 Javascript
11个用于提高排版水平的基于jquery的文字效果插件
2012/09/14 Javascript
JS 实现获取打开一个界面中输入的值
2013/03/19 Javascript
JS去除右边逗号的简单方法
2013/07/03 Javascript
javascript中动态加载js文件多种解决办法总结
2013/11/15 Javascript
跟我学习javascript的call(),apply(),bind()与回调
2015/11/16 Javascript
基于javascript编写简单日历
2016/05/02 Javascript
JS实现控制文本框的内容
2016/07/10 Javascript
js图片延迟加载(Lazyload)三种实现方式
2017/03/01 Javascript
es6学习笔记之Async函数基本教程
2017/05/11 Javascript
electron中使用bootstrap的示例代码
2018/11/06 Javascript
微信小程序局部刷新触发整页刷新效果的实现代码
2018/11/21 Javascript
vuex入门最详细整理
2020/03/04 Javascript
vue2.x数组劫持原理的实现
2020/04/19 Javascript
vue项目接口管理,所有接口都在apis文件夹中统一管理操作
2020/08/13 Javascript
OpenLayers3加载常用控件使用方法详解
2020/09/25 Javascript
使用js原生实现年份轮播选择效果实例
2021/01/12 Javascript
python基础教程之获取本机ip数据包示例
2014/02/10 Python
利用python批量检查网站的可用性
2016/09/09 Python
Python获取时间戳代码实例
2019/09/24 Python
pytorch 模拟关系拟合——回归实例
2020/01/14 Python
CK美国官网:Calvin Klein
2016/08/26 全球购物
Michael Kors香港官网:美国奢侈品品牌
2019/12/26 全球购物
中专自荐信
2013/10/13 职场文书
黄金搭档广告词
2014/03/21 职场文书
小学体育跳绳课教学反思
2016/02/16 职场文书
100句人生哲理语录集锦:强者征服今天,懒汉坐等明天
2019/10/18 职场文书
Python包argparse模块常用方法
2021/06/04 Python
SpringBoot实现quartz定时任务可视化管理功能
2021/08/30 Java/Android
Java 关于String字符串原理上的问题
2022/04/07 Java/Android
Python中的matplotlib绘制百分比堆叠柱状图,并为每一个类别设置不同的填充图案
2022/04/20 Python