前端页面通信，变量Param值的提取JavaScript

```javascript
//paraName 等找参数的名称
function GetUrlParam(paraName) {
    var url = document.location.toString();
    var arrObj = url.split("?");

    if (arrObj.length > 1) {
        var arrPara = arrObj[1].split("&");
        var arr;

        for (var i = 0; i < arrPara.length; i++) {
            arr = arrPara[i].split("=");

            if (arr != null && arr[0] == paraName) {
                return arr[1];
            }
        }
        return "";
    }
    else {
        return "";
    }
}

调用实例
存放变量

```html
<ul>
<li><a href="JavaScript:" onclick="location='shop-list.html?type=dish&page=1&typeId=7'">服装类</a></li>
 <li><a href="JavaScript:" onclick="location='shop-list.html?type=dish&page=1&typeId=8'">食品类</a></li>
</ul>                                                 

提取变量

var type= GetUrlParam("type");
var page = GetUrlParam("page");
var name = GetUrlParam("name");
var typeId = GetUrlParam("typeId");
console.log(type);
console.log(decodeURI(name));
console.log(typeId);
console.log(page);
getAllType();
if(type=="product"){
    if(name!=""){
        getProductsByName(decodeURI(name),page);
    }else if(typeId!=""){
        getProductsByTypeId(typeId,page)
    }else {
        getAllProducts(page);
    }
}else {
    if(name!=""){
        getDishesByName(decodeURI(name),page);
    }else if(typeId!=""){
        getDishesByTypeId(typeId,page)
    }else {
        getAllDishes(page);
    }
}