在我们WEB前端开发中,使用jquery获取url以及url参数是经常要用到的操作。
在jquery中获取url是比较简单的,代码如下:
window.location.href;
其实也没有用到jquery的知识,就是javascript的基础的window对象而已。
然后接下来根据获取到的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]);
} else{
return null;
}
}
通过这个函数方法传递url中的参数名就可以获取到参数的值,例如url为:
http://localhost:1002/index.html?names=linpeiwei
我们要获取names的值,就可以这样写:
var xx = getUrlParam('names');
这样我们就能从函数中返回参数的值linpeiwei。