教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jquery获取url及url参数的方法

jquery获取url及url参数的方法

发布时间:2015-11-07   编辑:jiaochengji.com
本文介绍下,用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插件开发教程

您可能感兴趣的文章:
使用jquery获取url以及jquery获取url参数的方法
jquery 取url参数及在url后添加参数的例子
jquery获取url及url参数的方法
jQuery URL Parser
js获取url参数 url编码与解码
php 从url中获取域名的实例代码
jquery 获取Url中Get参数
jQuery URL参数插件 jQuery Querystring
Js 取得当前页面的URL网址参数
jQuery 获取URL参数的插件

[关闭]
~ ~