今天做了这个功能,页面左侧为树形分类,点击节点iframe切换节点对应界面。
最开始查找了下,做成url添加参数,在子页面js中获取参数,再进行查询操作。
url改为:
window.location.href = "../view/content/industrial-atlas/industrialAtlas-remedy.html?id="+id;
子页面js添加方法:
//父页面传递的指标:获取url参数
function getUrlParam(_url,key){
if (_url.lastIndexOf("?") != -1) {
var queryStr = _url.substring(_url.lastIndexOf("?") + 1, _url.length);
if(!key)
return queryStr;//返回所有参数
else{
var params = queryStr.split("&");
for(var j = 0 ;j < params.length;j++){
var tmp = params[j].split("=");
if(tmp[0]==key){
return tmp[1];
break;
}
}
}
}
}
调用方法获取参数:
var URL = document.location.toString();
var indlinkId = getUrlParam(URL,'id');//节点ID
这种方法得到了参数,但出现了问题,界面上有的文本乱码,本来想找找解决这个乱码问题,后来又找到了另外一种方法传递参数,不用在url上添加,更简便。
方法二:在总页面js先添加
var dataMap = {
typeId:'10124',
indlinkName:'5G基站',
}
跳转的部分修改对应typeId和indlinkName,然后在子页面直接获取参数值。
var indlinkId = dataMap['typeId'];