从父页面访问子 iFrame DOM答案

【问题标题】：Access child iFrame DOM from parent page从父页面访问子 iFrame DOM
【发布时间】：2011-07-08 02:29:14
【问题描述】：

这是交易：

domain.com/page -- 父页面 (document.domain=domain.com) 包含 iframe sub.domain.com/page -- 子 iframe (document.domain=not set) 在子域上

有什么方法可以访问该 iframe 的 DOM 还是我不走运？

同源策略是否阻止我在父页面中包含的 iframe 上强制使用 document.domain？我想这会破坏同源策略的目的......如果是这种情况，是否有任何解决方法可以访问呈现的父页面上 iframe 的 DOM？

【问题讨论】：

【解决方案1】：

有办法。当 iframe 中的页面加载时，让它执行以下操作

parent.childGetElementById = function (id) {return document.getElementById(id);}
parent.childLoaded();

这将在父页面（包含 iframe）的全局范围内创建一个函数。然后在父级中，只需以下

function childLoaded() {var dom = childGetElementById('someid');}

这与您可以控制加载到 iframe 中的页面一样...如果您不这样做，那么您就不走运了。

【讨论】：

【解决方案2】：

这是一种浏览器安全措施，否则每个人都会在您登录时封装您的银行网站并窃取您的密码。

您可以从 iframe 与父级对话，但不能再次回到 iframe。

【讨论】：

【解决方案3】：

据我所知，你运气不好。不过，您可以使用 URL 中的 hash-bang 在他们之间进行交谈，请参阅 this 进行体面的讨论。

【讨论】：