獲取iframe鏈接內(nèi)參數(shù)

今天做了這個功能,頁面左側(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'];
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容