iframe里控制父框架的层显示与隐藏

常常，我们使用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>