【超级简单系列】iframe加载提示,iframe加载完成前提示

精简实用9年前 (2016-10-21)16270

iframe加载提示,iframe加载完成前提示,可以缓解iframe加载缓慢造成的页面关闭现象。

代码如下

<!doctype html>
<html>
<head>
<meta charset="utf-8">   
<style>
html,body{width:100%;height:100%;text-align: center;}
</style>
</head>  
<body>  
<div id="loading"><b>正在加载中。。。</b></div>  
<iframe id="iframeplay" src="http://www.csdn.net" width="100%" height="100%" frameborder=0 allowfullscreen></iframe>  
<script>  
var iframeplay = document.getElementById("iframeplay");     
if (iframeplay.attachEvent){   
    iframeplay.attachEvent("onload", function(){  
        document.getElementById("loading").style.display="none";  
    });   
}else{   
    iframeplay.onload = function(){  
        document.getElementById("loading").style.display="none";  
    };   
}   
</script>  
</body>  
</html> 

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。