Question

我将我在网上找到的代码修改为剧透：

<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代码显示图片＆＃34;统计＆＃34;在页面加载。单击图片时，图片将消失，隐藏{iFrame}的范围应显示为距离左侧5个像素，距离顶部5个像素。

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

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

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

Answer 1

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

您可以尝试隐藏iframe中的范围，并在父窗口中使用相同内容构建新范围。

如何打破iFrame的跨度

1 个答案: