首页 > 代码库 > iframe子页面内刷新父页面中另一个iframe子页面

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

2024-07-08 20:56:06   217人阅读

框架页面如下：

<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="http://www.mamicode.com/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="http://www.mamicode.com/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="http://www.mamicode.com/#" frameBorder="0"                  width="100%" scrolling="auto" allowtransparency>               </IFRAME>           </div>       </div>

　　

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

第一种：window.parent.document.getElementById("opertop").src=http://www.mamicode.com/url;（有无window.都可），注意，此处不能用window.parent.frames["opertop"].src=http://www.mamicode.com/url;

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

在父页面中定义方法

function refreshframe(url)   {   　　//window.frames[‘opertop‘].src=http://www.mamicode.com/url;这种写法也不对，只能通过document.getElementById方式   "src",url);   }

子页面中调用

parent.refreshframe(url);

　　

 

 


联系
我们