仅在需要时加载 iframe

Load iframe only when needed

本文关键字：加载 iframe      更新时间：2023-09-26

我在下面有trigger open是一个滑动的div，它暴露了容纳iframe的cnt类。 我希望 iframe 仅在激活触发器时加载，从而暴露 iframe。

如何仅在单击时加载 iframe 与在页面加载时加载？

    <div class="trigger open"><a href="#">Search The Map</a></div>
<!-- Hidden until Trigger class is clicked -->
    <div class="cnt">
        <iframe width="500" height="500" frameborder="0" scrolling="no" src="http://externalpage.com/"></iframe>
    </div>

可能是这样吗？

你也会试试这个。

您可以将 iframe 的 src 设置为类似"about:blank "的内容，以防止它加载任何内容（应该在大多数现代浏览器中工作），但更好的主意是在实际需要时只对整个 iframe 进行内部 HTML。然后显示/隐藏<div class="cnt">之后。

相关文章：