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

标签 javascript html css object

是否可以在 中的 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 对象吗?

最佳答案

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

唯一的要求是 index.html 和 1.html 必须在同一个域中。否则浏览器会限制你跨域访问其他域的框架。因此,只要它们都在同一个域中(localhost:8080,示例),您就可以了。

关于javascript - 访问对象标签内/外的对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10605037/