jquery获取url及url参数的方法
来源: 互联网 发布时间:2014-09-03
本文导语: 1、jquery获取url 代码示例: window.location.href; 只是用到了javascript的基础的window对象。 2、jquery获取url参数,要用到正则表达式 1)、通过javascript是如何来获取url中的某个参数 代码示例: function getUrlParam(name) { var reg = new RegE...
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; //返回参数值
}
{
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);
$.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插件开发教程 。