常常,我们使用iframe,那么,在iframe的页面里如何控制它的父框架的元素呢。本例以iframe控制父框架的层显示、隐藏属性为例。
index.htm页面(父框架)
<div id="Layer1" style="display:''" >
<br><br><img src="img/loading.gif">
</div>
<div id="Layer2" style="display:'none'">
<iframe align="left" height="422" width="715" src="../../in_list2.htm?m=2008" hspace="0" vspace="0" frameborder="0"></iframe>
</div>
in_list2.htm
<b>当页面加载完毕之后,执行下面javascript</b>
<br>
<b>此例可用于做无百分比的进度条</b>
<script language="javascript">
parent.document.getElementById("Layer2").style.display='';
parent.document.getElementById("Layer1").style.display='none';
</script>