加载内容时首先显示iframe - Show iframe first when content is loaded

Show iframe first when content is loaded

本文关键字：显示 iframe 加载 | 更新日期: 2023-09-27

我有一个问题。我不知道如何用jQuery或Ajax加载iframe，当内容在iframe内加载时，然后将其输出到页面。

问题是，我在我的网站上加载外部页面，有时外部页面非常慢或不加载。如果发生这种情况，我不希望浏览器一直试图在我的网站上加载iframe，我也不希望有一个大的空白。

所以我需要在iframe中加载外部页面，没有浏览器加载，当或如果内容加载时，首先加载，然后在网站上显示iframe。这可能吗?

Try with "on load" like

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

将iframe放入页面:

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

然后，jquery代码

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