加载 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

将您的链接更改为：

<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 移动到外部文件中，或者至少移动到 CSS 的 <style> 标记和 JS 的 <script> 标记。

Answer 2

使用 jQuery 的 .load() 事件：

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

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