使用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 16 Javascript
通过下拉框的值来确定输入框是否可以为空的代码
Oct 18 Javascript
window.event快达到全浏览器支持了,以后使用就方便了
Nov 30 Javascript
angularJS中$apply()方法详解
Jan 07 Javascript
JavaScript使用RegExp进行正则匹配的方法
Jul 11 Javascript
JS日期格式化之javascript Date format
Oct 01 Javascript
js获取Html元素的实际宽度高度的方法
May 19 Javascript
JQuery 又谈ajax局部刷新
Nov 27 jQuery
vue + any-touch实现一个iscroll 实现拖拽和滑动动画效果
Apr 08 Javascript
详解JavaScript 高阶函数
Sep 14 Javascript
关于vue属性使用和不使用冒号的区别说明
Oct 22 Javascript
element-ui 弹窗组件封装的步骤
Jan 22 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
使用 eAccelerator加速PHP代码的方法
2007/09/30 PHP
PHP 中关于ord($str)>0x80的详细说明
2012/09/23 PHP
php 无法加载mcrypt.dll的解决办法
2013/04/03 PHP
PHP处理Json字符串解码返回NULL的解决方法
2014/09/01 PHP
PHP时间处理类操作示例
2018/09/05 PHP
jquery中ajax调用json数据的使用说明
2011/03/17 Javascript
open 动态修改img的onclick事件示例代码
2013/11/13 Javascript
深入理解JavaScript是如何实现继承的
2013/12/12 Javascript
详谈LABJS按需动态加载js文件
2015/05/07 Javascript
javascript简单实现滑动菜单效果的方法
2015/07/27 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(一)
2015/12/10 Javascript
判断是否存在子节点的实现代码
2016/05/18 Javascript
JS动态添加元素及绑定事件造成程序重复执行解决
2017/12/07 Javascript
Angular5升级RxJS到5.5.3报错:EmptyError: no elements in sequence的解决方法
2018/04/09 Javascript
微信小程序网络请求封装示例
2018/07/24 Javascript
angularjs http与后台交互的实现示例
2018/12/21 Javascript
js+html实现周岁年龄计算器
2019/06/25 Javascript
Emberjs 通过 axios 下载文件的方法
2019/09/03 Javascript
vue使用nprogress加载路由进度条的方法
2020/06/04 Javascript
python版本的读写锁操作方法
2016/04/25 Python
深入理解python try异常处理机制
2016/06/01 Python
详解python中的time和datetime的常用方法
2019/07/08 Python
python基础教程之while循环
2019/08/14 Python
python实现图片上添加图片
2019/11/26 Python
tensorflow没有output结点,存储成pb文件的例子
2020/01/04 Python
Python操作MongoDb数据库流程详解
2020/03/05 Python
Python基础教程之输入输出和运算符
2020/07/26 Python
pycharm使用技巧之自动调整代码格式总结
2020/11/04 Python
EJB包括(SessionBean,EntityBean)说出他们的生命周期,及如何管理事务的
2015/07/24 面试题
建筑毕业生自我鉴定
2013/10/18 职场文书
书法大赛策划方案
2014/06/04 职场文书
感谢信范文大全
2015/01/23 职场文书
音乐剧猫观后感
2015/06/04 职场文书
浅谈PostgreSQL表分区的三种方式
2021/06/29 PostgreSQL
SQL实现LeetCode(177.第N高薪水)
2021/08/04 MySQL
CSS3实现360度循环旋转功能
2022/02/12 HTML / CSS