javascript - 父级与 iframe 中的 createElement

Question

我有一个模块化网页，每个模块都是一个可以与父页面交互的 iframe。特别是 iframe 向父级添加新元素(导航、选项卡等)。所有页面都在同一个域中。

到目前为止，我一直在 iframe 中使用这种模式:

var newDiv=document.createElement("div");
// do stuff with newDiv
parent.document.body.appendChild(newDiv);

我最近想到，因为 newDiv 将附加到父级，所以这样做更有意义:

var newDiv=parent.document.createElement("div");
// do stuff with newDiv
parent.document.body.appendChild(newDiv);

我的问题:新元素是使用 document.createElement 创建还是使用 parent.document.createElement 创建有什么区别吗？

Answer 1

这有用吗？如果确实如此，那么我认为(不是 100% 肯定)两者是相同的，因为 createElement 是一个 DOM 方法并且是 document 对象的成员，而你可以同时访问两个文档(两个对象)并且都包含相同的成员函数(createElement 在两者中都可用)，在这种情况下，一个在 iframe 中，另一个在它的父级中。因此，看起来您是从一个来源而不是另一个来源调用方法，IMO。

就像我说的，这只是一个意见，所以等待专家的更多答案。