javascript - 访问对象标签内/外的对象

Question

是否可以在 <object> 中的 HTML 对象上使用 CSS/JavaScript？有一个代码：

索引.html：

<object type="text/html" data="1.html"></object>
<div id="bbb"> some content </div>

1.html：

<div id="aaa">some content</div>

我的问题是：在“1.html”中，我可以通过 JavaScript #bbb 对象进行修改吗？在“index.html”中，我可以使用 CSS 或 JavaScript 修改#aaa 对象吗？

Answer 1

如果 1.html 由 index.html 打开，那么在 1.html 中，您可以调用 'window.opener' 来获取对 index.html 的引用，从而访问/修改其中的属性。同样，从 index.html 中，您将能够引用 1.html 并修改其中的任何内容。

唯一的要求是 index.html 和 1.html 必须在同一个域中。否则，浏览器将限制您跨域访问来自其他域的帧。所以，只要它们都在同一个域上（例如 localhost:8080），你就可以了。