javascript - 加载 iframe 后隐藏链接

Question

我有这段代码可以隐藏 iframe，直到点击链接

<a href="http://www.site.com/" target="iframe1" onClick="document.getElementById('iframe1').parentNode.style.display=''">link</a>

</br></br>

<div style="display:none;"><iframe id="iframe1" name="iframe1" src="#"></iframe></div>

我想在加载 iframe 后隐藏链接

请问我该怎么做？

如果有代码比我的代码更好，请也发布

谢谢

Answer 1

使用 jQuery 的 .load() 事件：

当元素和所有子元素都已完全加载时，加载事件将发送到该元素。此事件可以发送到与 URL 关联的任何元素：图像、脚本、框架、iframe和窗口对象。

  $("#iframe").load(function(){
      $("#link").hide();
   });

Answer 2

将您的链接更改为：

<a href="http://www.site.com/" target="iframe1" onClick="document.getElementById('iframe1').parentNode.style.display='block'; this.style.display = 'none';">link</a>

它将链接的样式设置为display: none.

另外，我将 iframe 的显示设置为阻止而不是“”。您应该考虑将 HTML 之外的 css 和 javascript 移动到外部文件中，或者至少移动到<style>CSS 的<script>标签和 JS 的标签。