码迷,mamicode.com
首页 > 其他好文 > 详细

iframe子页面内刷新父页面中另一个iframe子页面

时间:2014-06-20 14:46:59      阅读:121      评论:0      收藏:0      [点我收藏+]

标签:style   class   blog   ext   color   com   

框架页面如下:

<div id="aa" style="float: left; height: 500px; border-right-style: solid; border-right-color: #CCCCFF; border-right-width: 2px;">   
        <IFRAME id="tree" name="tree"  
            src="/ScienProjectWeb/commonjsp/selectdepartment.jsp?classid=${Hthm_DefaultClassid}&user=1"  
            frameBorder=0 width="248px" scrolling="auto" height="95%" allowtransparency>   
        </IFRAME>   
    </div>   
    <div style="float: left;">   
        <div id="ttr" style="scrolling: auto;height: 300px;border:1px solid blue;">   
            <IFRAME id="opertop" name="opertop"  
                src="/ScienProjectWeb/commonjsp/userlist.jsp"  
                frameBorder="0" width="100%" scrolling="auto" height="100%" allowtransparency>   
            </IFRAME>   
        </div>   
        <div style="height: 200px;border:1px solid blue;">   
            <IFRAME id="operbottom" name="operbottom"  
                src="#" frameBorder="0"  
                width="100%" scrolling="auto" allowtransparency>   
            </IFRAME>   
        </div>   
    </div>  

  

在tree页面中想要刷新opertop页面内容,两种方法:

第一种:window.parent.document.getElementById("opertop").src=url;(有无window.都可),注意,此处不能用window.parent.frames["opertop"].src=url;

第二种(推荐,将三个页面互相传递信息的方法统一放在父页面中,集中管理)

在父页面中定义方法

function refreshframe(url)   
{   
  //window.frames[‘opertop‘].src=url;这种写法也不对,只能通过document.getElementById方式   
  $(‘#opertop‘).attr("src",url);   
}  

子页面中调用

parent.refreshframe(url);  

  

 

 

iframe子页面内刷新父页面中另一个iframe子页面,布布扣,bubuko.com

iframe子页面内刷新父页面中另一个iframe子页面

标签:style   class   blog   ext   color   com   

原文地址:http://www.cnblogs.com/lengv10/p/3796985.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!