JS Iframe加载器

Question

我正在寻找一种方法来使用jQuery/js在加载iframe时显示"正在加载..."消息,当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()});