文档章节

iframe中调用另一个iframe中函数

C
 Canaan_
发布于 2016/06/03 11:00
字数 163
阅读 45
收藏 3

整个页面布局如下:

如下的代码是写在iFrame1 中的,并由其发起调用

parent.fireFrameFn('#iFrame2','iFrame2Fucntion',{param:'参数'})

如上指在调用‘main Page’中的'fireFrameFn'函数。而'fireFrameFn' 函数的功用为:调用id为'iFrame2'中的iFrame2Function的函数,并且参数为{param:'参数'}

接着再来看一下'main Page'中的'fireFrameFn' 函数,代码如下:

function fireFrameFn(frameId,fn,param){
  var frame = $(frameId);
  if(frame==null || frame.length == 0){return;}
  if(typeof frame[0].contentWindow.window[fn] == 'function'){
     frame[0].contentWindow.window[fn](param);
  }
}

 

总结:iFrame1 调用 mainPage 中的函数。 再由 mainPage 去获取iFrame2 触发其函数,间接的实现从iFrame1 调用 iFrame2 中的函数

© 著作权归作者所有

C
粉丝 21
博文 404
码字总数 164737
作品 0
福州
私信 提问
iframe 父窗口和子窗口相互的调用方法集锦

http://www.jb51.net/article/25629.htm 一、父窗口调用iframe子窗口方法 1、HTML语法: 2、父窗口调用子窗口:myFrame.window.functionName(); 3、子窗品调用父窗口:parent.functionName()...

lionkas
2017/09/12
0
0
iframe子页面调用父页面javascript函数的方法(支持chrome和IE的通用方法)

iframe子页面调用父页面javascript函数的方法 今天遇到一个iframe子页面调用父页面js函数的需求,解决起来很简单,但是在chrome浏览器遇到一点小问题。顺便写一下iframe的父页面调用子页面j...

卖火柴的format
2014/08/11
3.4K
1
jquery、js调用iframe父窗口与子窗口元素的方法

$("iframe").contents().find("body").append("I'm in an iframe!"); $(window.frames["iframe1"].document).find("input[@type='text']").attr("size","30px"); $("#iframe1").contents().f......

zh119893
2014/05/18
1K
0
父子页面iframe相互调用方法详解

如果你采用嵌入iframe机制,不可避免的要用到各个iframe页面之间方法和属性的相互调用。这里介绍的是兼容各个浏览器的iframe调用方式。 这里设定有3个页面,一个父页面main.html,它嵌入了两...

UIleader
2017/09/13
0
0
做一个群组聊天页面

要做个群组聊天的页面,参考微信的web版本,大致就是分为左右两列,左边是群组列表,右边是群组中的对话 示例图如下: 这个页面风格是使用ACE做的,再次啧啧下,ACE真TMD强大,这个页面的风格...

王二狗子11
2018/01/07
0
0

没有更多内容

加载失败,请刷新页面

加载更多

从零基础到拿到网易Java实习offer,我做对了哪些事

作为一个非科班小白,我在读研期间基本是自学Java,从一开始几乎零基础,只有一点点数据结构和Java方面的基础,到最终获得网易游戏的Java实习offer,我大概用了半年左右的时间。本文将会讲到...

Java技术江湖
昨天
5
0
程序性能checklist

程序性能checklist

Moks角木
昨天
7
0
VUE 计算属性

本文转载于:专业的前端网站▶VUE 计算属性 1、示例代码 <!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <title>vue示例</title> </hea......

前端老手
昨天
6
0
快速搭建LNMT平台和环境部署 Tomcat详解

Tomcat部署的基本概念 1. CATALINA_HOME与CATALINA_BASE分别指什么?     CATALINA_HOME指的是Tomcat的安装目录     bin:\\Tomcat一些脚本存放目录,比如启动脚本startup.bat/start...

网络小虾米
昨天
7
0
float浮动

float浮动 float浮动概念及原理: 文档流:文档流是文档中可显示对象在排列时所占用的位置。 加浮动的元素,会脱离文档流,会沿父容器靠左或靠右排列,如果之前已经有浮动的元素,会挨着浮动...

studywin
昨天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部