仅在需要时加载iframe

Question

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

如果在页面加载时点击vs，我该如何加载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>

Answer 1

可以在this way上吗？

您也可以尝试this。

Answer 2

您可以将iframe的src设置为＆＃34; about:blank＆＃34;防止它加载任何东西（应该在大多数现代浏览器中工作）但更好的想法是在实际需要时将innerHTML整个iframe。然后在此之后显示/隐藏<div class="cnt">。