javascript - 从 iframe 访问父级中的 JavaScript 对象

Question

我正在创建一个使用 iframe 的 TinyMCE 插件。使用 iframe.html 定义的 iframe，如何访问 parentObject？我试过window.top.parentObject了，但没有运气。

tinymce.PluginManager.add('image', function(editor, url) {

    var parentObject={'xxx':123};

    editor.addButton('image', {
        icon: 'image',
        onclick: function(){
            var tinyEditor=editor.windowManager.open({
                html: '<iframe src=iframe.html" id="plugin-id"></iframe>'
            });
        }
    });

});

Answer 1

函数体是一个作用域，您在函数内部定义变量。移动var parentObject到全局范围并使用window.top.parentObjector访问它window.parent.parentObject。

Answer 2

您无法访问此对象，因为它包含在 yourfunction(editor, url) {...}中，而使用 iframe 您只能访问父窗口及其所有变量。唯一的方法是转移parentObject到全球范围内。