javascript - JS Iframe 加载器

Question

我正在寻找一种方法，在 iframe 加载时使用 jQuery/js 显示“正在加载...”消息，当 iframe 完全加载完毕时，“正在加载...”文本应该消失。

jquery/js 可以吗？

注意:我对 iframe 内的网站没有任何控制权。

Answer 1

<script>
function hide() {
  document.getElementById('loading').style.display='none';
}
</script>
<iframe onLoad="hide()" ... ></iframe>
<div id="loading">Please wait</div>

jquery:

$("iframe").load(function() { $("#loading").toggle()});