JS实现HTML静态页面URL跳转传值

在跳转的 url 里面加入参数，格式如下：

http://www.abc123.com/index.html?page=12&id=525

其中，”?”后面为键值对，”=”左边是键，右边是值。

写一个截取 url 获取参数的方法。

/**
 * 获取url传过来的参数
 * @return  array
 */
function getRequest() {  
    var url = location.search; //获取url中"?"符后的字串   
    var theRequest = new Object();  
    if (url.indexOf("?") != -1) {  
        var str = url.substr(1);  
        strs = str.split("&");
        for (var i = 0; i < strs.length; i++) {  
            theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
        }  
    }else{
    theRequest = null;
    }
    return theRequest;
}

在跳转后的页面调用这个 getRequest() 方法，即可获取到数据了。

var GET = getRequest();
if(GET){
    var page = GET.page, id = GET.id;
}
console.log("获取到的数据:page=" + page + "-------id=" + id);