`

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

阅读更多

框架页面如下:

 

<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_

    标题“demo_DEMO_子页面刷新父页面iframe_”暗示我们关注的焦点是关于如何在子页面中触发父页面的刷新操作,特别是在一个IFrame上下文中。下面将详细探讨这个主题。 首先,我们需要了解IFrame(内联框架)的基本...

    同一父页面的一个子页面刷新另一个子页面

    "同一父页面的一个子页面刷新另一个子页面"这个话题聚焦于如何在不重新加载整个父页面的情况下,仅刷新其中一个`iframe`内的子页面。这种技术在提升用户体验、节省网络资源等方面具有显著优势,尤其是在需要动态更新...

    iframe实现页面局部刷新操作

    `iframe`是一种HTML元素,它可以在一个网页中嵌入另一个网页,使得我们可以在独立的框架内加载和显示内容,从而实现局部刷新的效果。在本案例中,我们将讨论如何利用`iframe`来实现图片的上传和无刷新展示,以及涉及...

    后台管理禁止iframe刷新返回首页

    在IT行业中,尤其是在前端开发领域,`iframe`(内联框架)是一种常用的技术,它允许在同一个HTML文档中嵌入另一个HTML文档。然而,`iframe`的使用有时也会带来一些问题,比如在后台管理系统中,当用户在某个子页面...

    JS页面跳转和js对iframe进行页面跳转、刷新

    iframe页面刷新 刷新iframe内的页面可以通过再次设置`location.href`属性来实现。 ```javascript var iframe = document.getElementById('myIframe'); iframe.src = iframe.src; // 或者 iframe.contentWindow....

    使用iframe实现点击导航无刷新切换页面

    `iframe`允许我们在一个HTML文档中嵌入另一个HTML文档,从而实现页面内容的动态切换,而不会打断用户的操作流程。 **一、iframe的基本使用** `&lt;iframe&gt;`标签是HTML5中的一个元素,用于在当前文档中嵌入另一个文档。...

    bootstarp+iframe 实现局部刷新 后台模板

    `&lt;iframe&gt;`标签则常用于在网页中嵌入另一个网页或应用,相当于在一个小窗口内显示另一个独立的页面。在后台模板中,`iframe`通常被用来承载各个功能模块,如数据管理、设置等,这样当用户在不同模块间切换时,只需要...

    iframe中页面显示不全1

    在网页设计中,`&lt;iframe&gt;`元素是一种非常实用的工具,它允许我们在一个网页中嵌入另一个网页,比如展示文档、视频或者地图等。当遇到"Iframe中页面显示不全"的问题时,通常是由于iframe的尺寸设置不当或者与被嵌入...

    基于AdminLTE(bootstrap)用iframe实现的局部刷新的案例

    Iframe,即内联框架,可以在一个HTML文档中嵌入另一个HTML文档,这样我们就可以独立地加载和更新页面的部分内容。 具体实现步骤如下: 1. 首先,在AdminLTE的布局中,设置一个iframe元素,为其指定一个ID,以便...

    基于bootstrap用iframe实现的局部刷新的案例

    iframe允许我们在一个页面中嵌入另一个页面,这样当用户切换选项卡时,可以动态加载或更新iframe中的内容,从而实现局部刷新。例如,我们可以通过监听`click`事件,获取用户点击的选项卡,然后改变iframe的`src`属性...

    iframe兄弟页面相互调用

    在网页开发中,`iframe`(Inline Frame)是一种嵌入式框架,用于在单个HTML文档中嵌入另一个HTML文档。这种技术常被用来实现页面的分层展示、加载外部内容或者实现局部刷新等效果。在多页面交互的场景下,`iframe`中...

    iframe实现Ajax刷新

    `iframe`(Inline Frame)是HTML的一个标签,用于在当前网页内嵌入另一个HTML文档。它能够作为一个独立的小窗口显示任意URL指定的内容,而不会影响到外部页面的其他部分。 ##### 2. Ajax刷新机制 Ajax...

    再iframe中刷新列表

    当一个主页面(A)中嵌入了一个子页面(B),并且子页面中又需要弹出一个新窗口(C)时,可以通过设置全局变量的方式让不同层级的页面之间进行数据通信,从而实现数据的刷新功能。 **步骤详解:** 1. **将数据绑定...

    Iframe页面请求跳转问题解决

    首先在父页面的javascript给定义一个window.name,并赋予一个字符串值,如window.name="test",其中赋予的字符串值可以随意定义,然后在Iframe页面的Form 标签中定义target属性,并且其值也必须与之前定义的window....

    解决双iframe互相刷新进入死循环的问题

    然而,在处理多个iframe交互时,可能会遇到一个棘手的问题——双iframe互相刷新进入死循环。这个问题通常发生在两个或多个iframe之间尝试通过JavaScript互相重载对方,导致无限循环,严重影响用户体验并可能导致...

    jsp 刷新父页面

    用iframe、弹出子页面刷新父页面 iframe parent.location.reload(); 弹出子页面 window.opener.location.reload(); 子窗口刷新父窗口 self.window.opener.locaction.reload(); 刷新一open()方法打开的窗口 ...

    iframe与父页面传值(方法互调)

    在网页开发中,`iframe`(Inline Frame)是一种嵌入式框架,用于在单个HTML文档中嵌入另一个HTML文档。这使得开发者可以将不同页面的内容整合到一个页面上,或者实现页面局部刷新等效果。然而,当涉及到`iframe`与父...

    iframe标签实现网页部分刷新

    在网页设计和开发中,`iframe`(Inline Frame)标签是一种强大的工具,它允许我们将一个网页嵌入到另一个网页中,实现部分内容的独立加载和刷新,从而提高用户体验。`iframe`广泛应用于网站后台、模块化内容展示、...

    iframe框架的多种刷新方法总结

    适合用于iframe框架集的几种页面刷新方法,局部刷新,动态刷新, window.location.herf的刷新方式

    easyui iframe 页面重复加载的问题

    比如,可以将一个页面的内容放在iframe中,并在另一个页面中使用Ajax请求来更新iframe的内容。当A页面发生改变时,通过Ajax通知B页面,B页面再向服务器请求最新的数据,然后更新iframe的内容。这样的设计可以保证...

Global site tag (gtag.js) - Google Analytics