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

将链接更改为:

<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 标签。