侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

iframe中调用另一个iframe中函数

2024-05-11 星期六 / 0 评论 / 0 点赞 / 75 阅读 / 1078 字

整个页面布局如下: 如下的代码是写在iFrame1 中的,并由其发起调用 parent.fireFrameFn('#iFrame2','iFrame2Fucntion',{param:'参数'})

整个页面布局如下:

如下的代码是写在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 中的函数

广告 广告

评论区