现在的位置: 首页 > 综合 > 正文

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

2013年07月10日 ⁄ 综合 ⁄ 共 587字 ⁄ 字号 评论关闭

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

【上篇】
【下篇】

抱歉!评论已关闭.