今天做了這個功能,頁面左側(cè)為樹形分類,點擊節(jié)點iframe切換節(jié)點對應界面。
最開始查找了下,做成url添加參數(shù),在子頁面js中獲取參數(shù),再進行查詢操作。
url改為:
window.location.href = "../view/content/industrial-atlas/industrialAtlas-remedy.html?id="+id;
子頁面js添加方法:
//父頁面?zhèn)鬟f的指標:獲取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é)點ID
這種方法得到了參數(shù),但出現(xiàn)了問題,界面上有的文本亂碼,本來想找找解決這個亂碼問題,后來又找到了另外一種方法傳遞參數(shù),不用在url上添加,更簡便。
方法二:在總頁面js先添加
var dataMap = {
typeId:'10124',
indlinkName:'5G基站',
}
跳轉(zhuǎn)的部分修改對應typeId和indlinkName,然后在子頁面直接獲取參數(shù)值。
var indlinkId = dataMap['typeId'];