0

我修改了我在网上找到的用于剧透的代码：

<a id="show_id" onclick="document.getElementById('spoiler_id').style.display=''; document.getElementById('show_id').style.display='none';" class="link">
  <img src="{link1}" alt="Stats">
</a>

<span id="spoiler_id" style="display: none;position:absolute;top:5px;left:5px;">
  <a onclick="document.getElementById('spoiler_id').style.display='none'; document.getElementById('show_id').style.display='';" class="link">
    Hide
  </a>
  <br />
  <iframe src="{link2}" width="600" height="175" frameborder="0"></iframe>
</span>

这应该做什么：在页面加载时显示带有 alt 代码“Stats”的图片。单击图片时，图片将消失，并且应该出现一个带有 Hide {iFrame} 的跨度，悬停在距离左侧 5 个像素和距离顶部 5 个像素处。

当它自己离开时，它可以正常工作。但是，我想通过破坏此代码的源将其放到网上（图片会显示，但单击时不会更改。）如果我 iFrame 元素，那么它可以工作，除了跨度保持在 iFrame 内。我想知道的是是否有办法打破 iFrame 的跨度。另一种选择是将代码中的 iframe 从它所在的 iframe 中分离出来。

感谢您提供任何帮助。注意：我确实意识到这是不可能的。如果是这样，对此的确认非常感谢。

编辑：原来我想放的地方不支持Javascript。

4

1 回答 1

0

iframe 充当嵌套的浏览器窗口。您无法将元素放置在 iframe 之外，就像您无法将它们放置在浏览器之外一样。

您可以尝试将跨度隐藏在 iframe 中，并在父窗口中构建一个具有相同内容的新跨度。

于 2012-08-09T00:07:34.583 回答