Jquery 加载内容后显示Iframe
我正在使用来自外部源的Iframe，希望在页面（Iframe）完全加载后显示其内容Jquery 加载内容后显示Iframe,jquery,html,internet-explorer,iframe,Jquery,Html,Internet Explorer,Iframe,我正在使用来自外部源的Iframe，希望在页面（Iframe）完全加载后显示其内容 我有一个div在页面上覆盖一条消息“请稍候”，但它不能正常工作。DIV在Iframe完全加载之前隐藏
我有一个div在页面上覆盖一条消息“请稍候”，但它不能正常工作。DIV在Iframe完全加载之前隐藏<有没有更好的方法？（浏览器：IE）
代码：
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
document.getElementById("hideAll").style.display = "block"; </script>
<script type="text/javascript">
window.onload = function()
{ document.getElementById("hideAll").style.display = "none"; } </script>
<style type="text/css">
body{
overflow: hidden;
width:100%;
height:100%;
padding:0;
margin:0;
}
#hideAll
{
position: relative;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
background-color: white;
z-index: 99;
}
#main{
width:1600px;
height: 500px;
margin:0 auto;
position: relative;
top: -50px;
left: -400px;
}
#Overlay {
opacity: 1;
background-color: white;
width: 227px;
height: 100%;
z-index: 1;
top: 140px;
left: 0;
position: relative;
}
#Overlay2 {
opacity: 1;
background-color: white;
width: 262px;
height: 100%;
z-index: 2;
top: 140px;
left: 765px;
position: relative;
}
</style>
</head>
<body>
<div id="hideAll"> Please wait...</div>
<div id="main">
<iframe src="http://ectect.com" scrolling="no" style="width:100%; height:100%; border:none; margin-left:0px;"/></iframe>
</div>
</body>
document.getElementById（“hideAll”）.style.display=“block”；
window.onload=函数（）
{document.getElementById（“hideAll”）.style.display=“无”；}
身体{
溢出：隐藏；
宽度：100%；
身高：100%；
填充：0；
保证金：0；
}
#希德尔
{
位置：相对位置；
左：0px；
右：0px；
顶部：0px；
底部：0px；
背景色：白色；
z指数：99；
}
#主要{
宽度：1600px；
高度：500px；
保证金：0自动；
位置：相对位置；
顶部：-50px；
左：-400px；
}
#覆盖层{
不透明度：1；
背景色：白色；
宽度：227px；
身高：100%；
z指数：1；
顶部：140px；
左：0；
位置：相对位置；
}
#覆盖层2{
不透明度：1；
背景色：白色；
宽度：262px；
身高：100%；
z指数：2；
顶部：140px；
左：765px；
位置：相对位置；
}
请稍候。。。
<script type="text/javascript">
$(document).ready(function() {
$("#hideAll").show();
});
$("#main iframe").load(function() {
$("#hideAll").hide();
});
</script>
$（文档）.ready（函数（）{
$（“#hideAll”）.show（）；
});
$（“#主iframe”）.load（函数（）{
$（“#hideAll”）.hide（）；
});
使用
$（document）.ready（）onDOMContentLoaded窗口。onload在Iframe完全加载之前隐藏DIViframewindow.onloadiframewindow.onloadiframeiframeiframeiframeiframeapplication=“yes”iframeonloadonloadiframe