iframe中控制其父亲的方法

链接描述

这是我copy的网站的例子。一个后台saas系统,现在有一个需求是在iframe中操作其父亲的方法,再打开一个菜单栏。相当于这个
clipboard.png再打开一个这个。细思许久没有想到解决方法。求代码。多谢。

阅读 3.5k
3 个回答

假如 父页面上有 fx() 函数,iframe中调用父页面上函数如下:

parent.fx();

H5环境下,可以直接用possMessage。
父:

        window.addEventListener('message',function(e){
//            if (e.origin !== 'http://www') return;    //合法来源
//            if (e.source != window.parent) return;    //合法定位
            alert(e.data);
//            e.source.postMessage('callback', e.origin);    //回传消息
        },false);

子:

top.postMessage('hello', '*');
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题