每次加载 iframe 时如何显示 ajax-loader

【问题标题】：How to show ajax-loader each time when an iframe is loaded每次加载 iframe 时如何显示 ajax-loader
【发布时间】：2014-06-30 07:28:21
【问题描述】：

我见过很多 ajax 加载器，它们在 iframe 完成加载之前一直显示。但我的问题是，每次加载 iframe 中的内容时，我都可以显示一个 ajax 加载器吗？

例子：

如果我在 iframe 中加载网页，它会显示加载程序。但加载后，我点击 iframe 网页内的另一个链接，当 iframe 内的页面正在加载时，它应该再次显示加载程序。

反正我可以做到吗？

【问题讨论】：

标签： javascript jquery html ajax iframe

【解决方案1】：

亲爱的，您可以通过在父页面上添加一个 div 并在父页面上创建一个 javascript 函数来显示加载，然后使用 parent.methodonpareentpage 从 iframe 调用该函数父页面

    <iframe id="iframe" src="url" style="height:600px; width:700px; display:none;"></iframe>
<div id="divIframeLoader" style="height:600px; width:700px;">
<img src="Images/loading_async_big.gif" style="position:relative; top:12%; left:40%;" />
</div>

<script type="text/javascript">
function showIframeLoader(btrue) 
{
if (btrue) 
{
jQuery("#divIframeLoader").show();
jQuery("#iframe").hide();
}
else {
jQuery("#divIframeLoader").hide();
 jQuery("#iframe").show();
 }
}
</script>

iframe page
parent.showIframeLoader(true);

【讨论】：