加载内容时首先显示iframe

Question

我有问题。我无法弄清楚如何使用jQuery或Ajax加载iframe，当内容加载到iframe中时，然后将其输出到页面。

问题是，我在我的网站上加载外部页面，有时外部页面很慢或无法加载。如果发生这种情况，我不希望浏览器继续尝试在我的网站上加载iframe，而且我不想要一个很大的空白。

所以我需要在iframe中加载外部页面，而不加载浏览器，首先加载内容或者加载内容，然后在网站上显示iframe。这可能吗？

Answer 1

尝试“加载”，如

$('#my_iframe').on('load', function(){
    $(this).show(); 
 });

Answer 2

将iframe放在页面中：

<div id="theIframeContainer" style="display:none">
  <iframe src="theSite"></iframe>
<div>

然后，jquery代码

$(function() {
  $("#theIframeContainer").show();
}