框架页面如下:
<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);
相关推荐
标题“demo_DEMO_子页面刷新父页面iframe_”暗示我们关注的焦点是关于如何在子页面中触发父页面的刷新操作,特别是在一个IFrame上下文中。下面将详细探讨这个主题。 首先,我们需要了解IFrame(内联框架)的基本...
"同一父页面的一个子页面刷新另一个子页面"这个话题聚焦于如何在不重新加载整个父页面的情况下,仅刷新其中一个`iframe`内的子页面。这种技术在提升用户体验、节省网络资源等方面具有显著优势,尤其是在需要动态更新...
`iframe`是一种HTML元素,它可以在一个网页中嵌入另一个网页,使得我们可以在独立的框架内加载和显示内容,从而实现局部刷新的效果。在本案例中,我们将讨论如何利用`iframe`来实现图片的上传和无刷新展示,以及涉及...
在IT行业中,尤其是在前端开发领域,`iframe`(内联框架)是一种常用的技术,它允许在同一个HTML文档中嵌入另一个HTML文档。然而,`iframe`的使用有时也会带来一些问题,比如在后台管理系统中,当用户在某个子页面...
iframe页面刷新 刷新iframe内的页面可以通过再次设置`location.href`属性来实现。 ```javascript var iframe = document.getElementById('myIframe'); iframe.src = iframe.src; // 或者 iframe.contentWindow....
`iframe`允许我们在一个HTML文档中嵌入另一个HTML文档,从而实现页面内容的动态切换,而不会打断用户的操作流程。 **一、iframe的基本使用** `<iframe>`标签是HTML5中的一个元素,用于在当前文档中嵌入另一个文档。...
`<iframe>`标签则常用于在网页中嵌入另一个网页或应用,相当于在一个小窗口内显示另一个独立的页面。在后台模板中,`iframe`通常被用来承载各个功能模块,如数据管理、设置等,这样当用户在不同模块间切换时,只需要...
在网页设计中,`<iframe>`元素是一种非常实用的工具,它允许我们在一个网页中嵌入另一个网页,比如展示文档、视频或者地图等。当遇到"Iframe中页面显示不全"的问题时,通常是由于iframe的尺寸设置不当或者与被嵌入...
Iframe,即内联框架,可以在一个HTML文档中嵌入另一个HTML文档,这样我们就可以独立地加载和更新页面的部分内容。 具体实现步骤如下: 1. 首先,在AdminLTE的布局中,设置一个iframe元素,为其指定一个ID,以便...
iframe允许我们在一个页面中嵌入另一个页面,这样当用户切换选项卡时,可以动态加载或更新iframe中的内容,从而实现局部刷新。例如,我们可以通过监听`click`事件,获取用户点击的选项卡,然后改变iframe的`src`属性...
在网页开发中,`iframe`(Inline Frame)是一种嵌入式框架,用于在单个HTML文档中嵌入另一个HTML文档。这种技术常被用来实现页面的分层展示、加载外部内容或者实现局部刷新等效果。在多页面交互的场景下,`iframe`中...
这里具体要解决的问题是,在用户按下F5键刷新页面时,我们希望只刷新子iframe而保持父页面不变。下面详细分析解决方案及知识点。 首先,我们需要了解的是,F5键在浏览器中通常用于刷新当前页面。当用户在包含iframe...
当一个主页面(A)中嵌入了一个子页面(B),并且子页面中又需要弹出一个新窗口(C)时,可以通过设置全局变量的方式让不同层级的页面之间进行数据通信,从而实现数据的刷新功能。 **步骤详解:** 1. **将数据绑定...
首先在父页面的javascript给定义一个window.name,并赋予一个字符串值,如window.name="test",其中赋予的字符串值可以随意定义,然后在Iframe页面的Form 标签中定义target属性,并且其值也必须与之前定义的window....
然而,在处理多个iframe交互时,可能会遇到一个棘手的问题——双iframe互相刷新进入死循环。这个问题通常发生在两个或多个iframe之间尝试通过JavaScript互相重载对方,导致无限循环,严重影响用户体验并可能导致...
用iframe、弹出子页面刷新父页面 iframe parent.location.reload(); 弹出子页面 window.opener.location.reload(); 子窗口刷新父窗口 self.window.opener.locaction.reload(); 刷新一open()方法打开的窗口 ...
在网页开发中,`iframe`(Inline Frame)是一种嵌入式框架,用于在单个HTML文档中嵌入另一个HTML文档。这使得开发者可以将不同页面的内容整合到一个页面上,或者实现页面局部刷新等效果。然而,当涉及到`iframe`与父...
在网页设计和开发中,`iframe`(Inline Frame)标签是一种强大的工具,它允许我们将一个网页嵌入到另一个网页中,实现部分内容的独立加载和刷新,从而提高用户体验。`iframe`广泛应用于网站后台、模块化内容展示、...
适合用于iframe框架集的几种页面刷新方法,局部刷新,动态刷新, window.location.herf的刷新方式