访问对象标签中的对象

Question

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

的index.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

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

唯一的要求是index.html和1.html必须位于同一个域中。否则，浏览器将限制您对来自其他域的帧进行跨域访问。所以，只要它们都在同一个域（localhost：8080，例如），你就会很好。