javascript - 访问在 iframe src 中定义的全局 javascript 对象

Question

我在同一站点上将 iframe 设置为 src。在 iframe 页面内，我有一个名为 Rack 的命名空间，其中包含一个名为 app...

Rack.app = function() {...}();

我可以从我的外部页面（包含 iframe 的页面）访问该 Rack.app 对象吗？我想做类似的事情

var iframe = document.getElementById('rackFrame');
iframe.contentWindow.Rack.app.doSomething();

但这不起作用，我没有看到 Rack 对象。

Answer 1

您可以通过在调用命名空间的命名空间之外调用 iframe 中的函数来破解它吗？

var iframe = document.getElementById('rackFrame');
iframe.contentWindow.rackTrigger();

然后在iframe中有一个功能：

功能 rackTrigger() {
Rack.app.doSomething();
}

如果您要触发一个函数，这不是最优雅的解决方案，但如果您想在 iframe 上进行许多更改，则更简洁。