jquery获取url及url参数的方法

发布时间:2020-09-24编辑:脚本学堂
本文介绍下,用jquery获取url,以及获取url中参数的方法,有需要的朋友,可以作个参考哦。

1、jquery获取url
 

复制代码 代码示例:
window.location.href;

只是用到了javascript的基础的window对象。

2、jquery获取url参数,要用到正则表达式
1)、通过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添加扩展方法的内容,有兴趣的朋友,请参考 jquery插件开发教程