iframe子页面内刷新同页面中另一个iframe
程序员文章站
2022-07-14 08:44:47
...
框架页面如下:
<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);
上一篇: Linux下安装最新版本的Git
下一篇: <转>项目经理该干什么
推荐阅读
-
使用iframe框架时,实现子页面内跳转到整个页面,而不是在子页面内跳转
-
iframe子页面内刷新同页面中另一个iframe
-
关于Iframe实现局部刷新问题:当提交注册表单后,我想把注册成功的信息显示在页面中,现在结果时不能显示在本页面,而是显示在了那个iframe中了,怎么办
-
在iframe子页面中添加导航功能代码_html/css_WEB-ITnose
-
父窗口获取不了iframe中的元素及a标签页面整个刷新
-
iframe子页面与父页面在同域或不同域下的js通信_javascript技巧
-
js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法
-
iframe调用子页面按子页面的内容自动调整高度(同域)
-
子页面是iframe框架中 子页面改变父页面的值
-
html中iframe控制父页面刷新实现思路及代码_HTML/Xhtml_网页制作