javascript - 从父页面访问子 iFrame DOM

标签 javascript iframe same-origin-policy

这是交易:

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

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

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

最佳答案

有一种方法。当 iframe 中的页面加载时,让它执行以下操作

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

这将在父页面(包含 iframe)的全局范围内创建一个函数。然后在 parent 中,只有以下
function childLoaded() {var dom = childGetElementById('someid');}

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

关于javascript - 从父页面访问子 iFrame DOM,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5181911/

相关文章:

javascript - 重新排列动态对象以形成结构化对象

javascript - Angular - 从 api 加载后在模板中显示数据

javascript - 单击时无法将不同元素的 id 添加到状态数组

javascript - 回显页面上 iframe 的 src 值

django - 从 AWS S3 加载的 iframe 同源问题

javascript - 你如何使用 HTML/JS 在 chrome 中打开一个新选项卡?

javascript - 将它作为 jquery 模式弹出窗口打开时获取 iframe 高度

javascript - 获取元素相对于最顶层窗口的位置的函数

javascript - GET 请求的 CSRF 保护

javascript - 将带有自定义 cookie 的 Ajax 请求发送到另一个域