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();
   });

加载iframe后隐藏链接

2 个答案: