获取URL中的参数
页面交互时候,我们往往会通过url参数进行传递,比如产品列表到产品详情页,我们通过URL传递产品的参数。
list.html->list-detail.html?tid=3 (后面如果有参数 通过&链接,比如list-detail.html?tid=3&num=3)
如何获取tid=3呢?
js部分:
//获取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; //返回参数值
}
html部分:
var tid = getUrlParam('tid') ? getUrlParam('tid') : '';