JavaScript显示在iframe加载时加载gif

fun*_*err 3 javascript iframe loading

我需要加载GIF才能在iframe加载时显示.
这就是我想出的:

<div id="m-load" style="position:relative;top:45%;left:45%;">
<img src="images/loader.gif"/></div>
<iframe src="http://myserver.com/myfile.html" id="m-iframe"></iframe>
Run Code Online (Sandbox Code Playgroud)

在我输入的iframe源文件中:(myfile.html)

<head>
<script>
top.document.getElementById('m-load').style.display ="none";
</script>
</head>
Run Code Online (Sandbox Code Playgroud)

但这在Firefox中不起作用(权限被拒绝).
实现这一目标的任何其他方式?

Sar*_*raz 6

您需要在同一页面上使用onload事件执行此操作,该事件在所有iframe加载后触发,如下所示:

// show loading image

window.onload = function(){
  // hide loading image
}
Run Code Online (Sandbox Code Playgroud)
<img id="img" src="images/loader.gif"/></div>

<script>
window.onload = function(){
   document.getElementById('img').style.display = "none";
}
</script>
Run Code Online (Sandbox Code Playgroud)