今天做了這個(gè)功能，頁面左側(cè)為樹形分類衔肢，點(diǎn)擊節(jié)點(diǎn)iframe切換節(jié)點(diǎn)對應(yīng)界面庄岖。
最開始查找了下，做成url添加參數(shù)角骤，在子頁面js中獲取參數(shù)隅忿，再進(jìn)行查詢操作。
url改為：
window.location.href = "../view/content/industrial-atlas/industrialAtlas-remedy.html?id="+id;
子頁面js添加方法：
//父頁面?zhèn)鬟f的指標(biāo):獲取url參數(shù)
function getUrlParam(_url,key){
if (_url.lastIndexOf("?") != -1) {
var queryStr = _url.substring(_url.lastIndexOf("?") + 1, _url.length);
if(!key)
return queryStr;//返回所有參數(shù)
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;
}
}
}
}
}
調(diào)用方法獲取參數(shù)：
var URL = document.location.toString();
var indlinkId = getUrlParam(URL,'id');//節(jié)點(diǎn)ID
這種方法得到了參數(shù)邦尊，但出現(xiàn)了問題背桐，界面上有的文本亂碼，本來想找找解決這個(gè)亂碼問題胳赌，后來又找到了另外一種方法傳遞參數(shù)牢撼，不用在url上添加，更簡便疑苫。
方法二：在總頁面js先添加
var dataMap = {
typeId:'10124',
indlinkName:'5G基站',
}
跳轉(zhuǎn)的部分修改對應(yīng)typeId和indlinkName熏版，然后在子頁面直接獲取參數(shù)值。
var indlinkId = dataMap['typeId'];
