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中不起作用(权限被拒绝).
实现这一目标的任何其他方式?
您需要在同一页面上使用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)
归档时间: |
|
查看次数: |
8645 次 |
最近记录: |