Question

我的网页上有几个<div>个部分（“navcol”和“maincol”）。 “navcol”div包含<object data="mypage.html">。在mypage.html中，有一些按钮，用户可以单击以选择要插入“maincol”的页面。我需要使用Javascript访问主页面中的“maincol”的innerHTML，所以我可以进行插入（比如使用iframe）。有人能让我走上正轨吗？

PS。我正在使用<object>，因为我希望HTML 4.0为“Strict”，而iframe不在“Strict”中，但是s为。

Answer 1

在object元素的页面内，您可以使用以下方式访问最上面的浏览上下文：

window.top.document

所以你可以尝试：

window.top.document.getElementById('maincol');

毫无疑问，只有在同源政策施加的限制范围内。

e.g。

<div id="mailcol">maincol</div>
<div id="navcol">
  <object data="foo.html"></object>
</div>

在foo.html中：

<button onclick="
  alert(window.top.document.getElementById('mailcol').innerHTML)
">button</button>

如何从<object> </object> </div>嵌入的HTML访问<div>

1 个答案: