美文网首页
获取iframe链接内参数

获取iframe链接内参数

作者: 小岛wink | 来源:发表于2021-11-04 10:11 被阅读0次

今天做了这个功能,页面左侧为树形分类,点击节点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'];

相关文章

网友评论

      本文标题:获取iframe链接内参数

      本文链接:https://www.haomeiwen.com/subject/jjghzltx.html