网站发布与推广怎么写,php中网站搜索功能实现,在线培训网站怎么做,1元购网站建设使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作#xff0c;下面通过文字说明加代码分析的形式给大家解析#xff0c;具体详情请看下文。
1、jquery获取url很简单#xff0c;代码如下#xff1a;
window.location.href;
其实只是用到了javascript的基…使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作下面通过文字说明加代码分析的形式给大家解析具体详情请看下文。
1、jquery获取url很简单代码如下
window.location.href;
其实只是用到了javascript的基础的window对象并没有用jquery的知识。
2、jquery获取url参数比较复杂要用到正则表达式
首先看看单纯的通过javascript是如何来获取url中的某个参数
//获取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://local:3000/qxmkclq/index.html?vid015da6f7e74efdfe6557a032bc9740
我们要获取vid的值可以这样写
var xx getUrlParam(vid);
明白了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扩展了这个方法了之后我们就可以通过如下方法来获取某个参数的值了
var xx $.getUrlParam(vid);
完整代码
script src//cdn.staticfile.org/jquery/1.8.0/jquery-1.8.0.min.js typetext/javascript/script
script$(function () {//方法二(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);//方法二var xx $.getUrlParam(reurl);//方法一var xx2 getUrlParam(reurl);alert(xx);});//方法一//获取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; //返回参数值}
/script
