`

iframe嵌套iframe往父窗体传值

 
阅读更多

第一个iframe

<div>
 	<iframe style="width:810px;height:330px;border: 0px solid;" src="${ctx}/daliycheck/turnout_organManage.action"></iframe>
 </div>
	function closeNewWin(userName,showUname,taskpeoTime){
			$("#taskPeo").attr("value",userName);//
			//
			$("#taskPeoShow").attr("value",showUname);
			$("#taskpeoTime").attr("value",taskpeoTime);
			//关闭弹出层
			closeNewDiv("divSCA8",1);
		} 

 第二个iframe

 function closeFrame(userName,showUname,taskpeoTime){
   		parent.closeNewWin(userName,showUname,taskpeoTime);
   }
<table style="width:780px;height:300px;">
  	<tr>
  		<td width="230px">
  			<iframe style="width:100%;height:300px;border: 1px solid #3399FF;" src="turnout_districtZTree.action" id='districtFrm'  name='districtFrm'></iframe>
  		</td>
  	 	<td width="230px">
  	 		<iframe style="width:100%;height:300px;border: 1px solid #3399FF;" src="turnout_deptZTree.action" id="deptFrm" name="deptFrm"></iframe>
  	 	</td>
  	 	<td width="330px">
    		<iframe style="width:100%;height:300px;border: 1px solid #3399FF;" src="turnout_userInput" id="intutFrm" name="intutFrm_1"></iframe>
  	 	</td>
  	</tr>
  </table>

 userInput中对应的方法:

 function closeFrame(userName,showUname,taskpeoTime){
           parent.closeNewWin(userName,showUname,taskpeoTime);
   }

 userInput中调用第二个iframe的方法并传值,第二个iframe的方法,调用第一个iframe的方法并传值。这样就可以实现从 第二个嵌套的iframe中传值到它父类的父类所在的方法了。

 

分享到:
评论

相关推荐

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

    然而,当涉及到`iframe`与父页面之间的通信时,就需要用到一些特殊的方法来实现数据的传递和函数调用。本篇文章将深入探讨如何在`iframe`与父页面之间进行值的传递以及方法的互相调用。 首先,我们可以通过...

    无刷新 子窗体传值父窗体

    在IT行业中,尤其是在Web开发领域,"无刷新子窗体传值父窗体"是一个常见的需求,它涉及到页面间通信和用户体验优化。无刷新技术可以让用户在不重新加载整个页面的情况下更新部分页面内容,提高交互性和效率。在这个...

    使用js通过iframe给父窗体传值以及取值

    通过js实现的子窗体与父窗体之间的值传递

    iframe子向父传值实例.rar

    本示例“iframe子向父传值实例”旨在提供一个解决方案,帮助开发者应对跨域问题,从而实现iframe内部页面与外部页面的数据通信。 首先,我们来理解`iframe`的基本概念。`iframe`(Inline Frame)是HTML中的一个元素...

    Iframe窗体之间相互传值

    父子窗体之间传值iframe之间的相互操作,还有sturts2指定跳转的页面。

    iframe与父页面传值

    总结来说,`iframe`与父页面传值涉及的技术包括`postMessage`、`window.name`、查询字符串、hash等,并且需要注意跨域安全和同源策略的限制。这些技术在实际开发中被广泛应用于实现各种复杂功能,如组件化开发、页面...

    基于iframe的跨域与更新父窗体地址栏的解决方案.docx

    ### 基于iframe的跨域与更新父窗体地址栏的解决方案 #### 1. 需求介绍 在现代Web应用开发中,经常会出现需要在一个应用中嵌入另一个应用的情况,尤其是在需要集成第三方服务或功能时。本文档探讨了一个特定场景:...

    实现iframe嵌套,适合CMS,CRM等后台框架

    1. **通信与数据共享**:由于iframe内的页面与父页面属于不同的上下文,它们之间的通信通常依赖于`postMessage` API,允许不同源的窗口之间安全地传递信息。 2. **安全性**:确保嵌入的页面来自可信源,防止跨站...

    iframe页跳转父窗体

    ### iframe页跳转父窗体知识点详解 #### 一、iframe基本概念 在开始之前,我们首先了解一下`iframe`的基本概念。`iframe`是HTML的一个元素,全称为“Inline Frame”,即内联框架。它允许网页中嵌入另一个网页或者...

    iframe父向子传值实例.rar

    然而,由于浏览器的同源策略限制,`iframe`内的页面与包含它的父页面在不同源时,不能直接访问彼此的DOM或JavaScript变量,这就引出了"iframe父向子传值"的问题。 在标题"iframe父向值实例.rar"和描述中提到的解决...

    在vue中实现嵌套页面(iframe)

    在Vue.js中实现嵌套页面通常涉及到使用`iframe`元素来加载外部网页或者内部组件。`iframe`允许我们在一个Vue应用中嵌入另一个独立的HTML文档,这对于展示第三方内容、实现某些特定功能或者处理复杂交互场景时非常...

    让iframe子窗体取父窗体地址栏参数(querystring)

    在网页开发中,有时我们需要实现一个功能,即`iframe`子窗体能够获取并使用其父窗体的URL参数。这种需求通常出现在嵌入式页面或者框架结构的应用中,允许子页面根据父页面的状态进行相应的操作。在给出的示例中,...

    wpf嵌套网页及子窗体

    在Windows Presentation Foundation (WPF) 中,开发人员可以利用丰富的功能来构建用户界面,包括嵌套网页和子窗体的实现。WPF是.NET Framework的一部分,它提供了强大的UI设计工具和丰富的控件集,用于创建桌面应用...

    防止被IFRAME嵌套并自动跳到首页代码.rar

    标题 "防止被IFRAME嵌套并自动跳到首页代码.rar" 涉及到的是一种常见的网络安全策略,主要用于防止网站被恶意嵌入到其他站点的IFRAME中。IFRAME是HTML的一种元素,允许在同一个网页中嵌入另一个网页,这在某些情况下...

    layer弹出子iframe层父子页面传值的实现方法

    本文介绍了layer弹出子iframe层父子页面传值的实现方法,分享给大家,具体如下: 父页面获取子页面元素 格式: $("#iframeID").contents().find("#eleID") 示例代码: father.html &lt;!DOCTYPE html&gt; &lt;...

    iframe嵌套web纯前端页面,运用Bootstrap(v5.1)技术

    iframe实现左侧菜单右侧页面简单示例。点击左侧菜单,右侧显示不同html内容,并加有css样式,美观实用。很简单的界面,没有多余功能。博文网址:https://blog.csdn.net/LawrenceUyi31?type=blog

    MVC实现iframe弹窗传值

    在Web开发中,MVC(Model-...综上所述,实现MVC中的iframe弹窗传值涉及前端JavaScript交互、URL参数传递以及后端MVC的控制器和视图的配合。通过合理的代码组织和利用现有的库,可以创建出高效且易于维护的弹窗系统。

    嵌套iFrame使用postMessage相互传递消息(嵌套iFrame、跨父子窗口、跨页面).zip

    练习说明:使用postMessage可以在iFrame、父子窗口、跨页面等,之间相互传递消息。 你好,我是TKCB-GO,一个有着游戏策划梦想,却沦为程序员的游戏家,这是我的技术博客:www.tkcb.cc 技术博客网站里面,除了我的...

    vue项目多入口,iframe嵌套.zip

    在本项目“vue项目多入口,iframe嵌套.zip”中,开发者探索了如何在Vue项目中实现多入口配置,并利用iframe进行页面的嵌套。让我们详细探讨这些概念。 1. **Vue 多入口配置**: 在一个大型应用中,通常需要为不同的...

    iframe跨域嵌套自适应高度

    ### iframe跨域嵌套自适应高度 在网页开发过程中,`iframe`作为一种常见的网页元素,被广泛用于在当前页面中嵌入另一个独立的文档或页面。然而,在实际应用中经常会遇到一些问题,如跨域限制、自适应高度调整以及...

Global site tag (gtag.js) - Google Analytics