调用兄弟iframe的js，react调用兄弟组件方法

请问如何把iframe变成JS调用!

1、比如有A窗口，A内有个IFRAME B，B里面的装载的是C页面，这时C要直接调用A里面的一个自定义函数AFUN()；那么只要在C页面中写如下JS函数就可以了：window.parent.AFUN()；如果AFUN()有参数也可以直接传递合适的参数进去。

2、首先，我们新建一个网页，用于进行演示，网页代码和效果如下图所示。然后，为button按钮添加onclick事件，响应函数名的addiframeclick()。再添加javascript脚本框架，并写出addiframeclick()函数的声明。addiframeclick()函数的作用是为iframe框架添加onclick()事件。

3、JS子窗口调用父窗口的方法：框架（iframe）形式，这时用到是window.parent， window.parent能获取一个框架的父窗口或父框架。顶层窗口的parent引用的是它本身。可以用这一点特性来判断这个窗口是否是顶层窗口。

4、如果是同一个域，iframe可以调用父窗口的js方法。如果是父窗口调用子窗口内部的方法。不论跨不跨域，都不能调用。解决办法：H5提供的消息机制。支持跨域。在iframe窗口的js代码中，监听事件：window.onmessage=function(e){ //e.data --接收到的字符串。 //e.source ---发送窗口所在的域。

相关问答

Q1: 调用iframe中的js问题

1、比如有A窗口，A内有个IFRAME B，B里面的装载的是C页面，这时C要直接调用A里面的一个自定义函数AFUN()；那么只要在C页面中写如下JS函数就可以了：window.parent.AFUN()；如果AFUN()有参数也可以直接传递合适的参数进去。

2、可以的。只要两个页面有一定的关系，无论是通过iframe，还是frameset，甚至是window.open，超链接等等方式，都可以让两个页面之间的js互相调用。注意，是互相调用，也就是说，两者谁都有办法调用另一个的js代码。

3、其实iframe是一个独立的页面，与父页面是嵌套但变量独立的关系。

4、调用格式为：子框架ID.函数名()：如iframe src=../test.html id=frame1/iframe 调用格式应为：frametest()，光用test()显然是找不到的，另外子窗体中定义的全局变量也可以用类似格式。IE8测试通过，其它不知。

5、success： function(layero， index){ var iframeWin = window[layero.find(iframe)[0][name]]； iframeWin.method()； }})；window[layero.find(iframe)[0][name]]；是获取子iframe的对象。method是子iframe窗口的一个方法，名称根据实际情况替换。

Q2: 如何调用layer.open打开的的iframe窗口中的JS

1、不知道为啥要调用子窗口的JS，你完全可以在直接子窗口里自己执行自己的JS。如果你想要要使用父窗口的dom或者变量，可以使用parent或者使用layer.open的success回调先将需要的东西作为隐藏域放到子窗口，然后子窗口自己获取。

2、layer.open({ type： 2， content： test/iframe.html， success： function(layero， index){ var iframeWin = window[layero.find(iframe)[0][name]]； iframeWin.method()； }})；window[layero.find(iframe)[0][name]]；是获取子iframe的对象。

3、比如有A窗口，A内有个IFRAME B，B里面的装载的是C页面，这时C要直接调用A里面的一个自定义函数AFUN()；那么只要在C页面中写如下JS函数就可以了：window.parent.AFUN()；如果AFUN()有参数也可以直接传递合适的参数进去。

4、可以的。只要两个页面有一定的关系，无论是通过iframe，还是frameset，甚至是window.open，超链接等等方式，都可以让两个页面之间的js互相调用。注意，是互相调用，也就是说，两者谁都有办法调用另一个的js代码。

5、首先，我们新建一个网页，用于进行演示，网页代码和效果如下图所示。然后，为button按钮添加onclick事件，响应函数名的addiframeclick()。再添加javascript脚本框架，并写出addiframeclick()函数的声明。addiframeclick()函数的作用是为iframe框架添加onclick()事件。

Q3: 怎么用js来调用iframe

1、首先，我们新建一个网页，用于进行演示，网页代码和效果如下图所示。然后，为button按钮添加onclick事件，响应函数名的addiframeclick()。再添加javascript脚本框架，并写出addiframeclick()函数的声明。addiframeclick()函数的作用是为iframe框架添加onclick()事件。

2、实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法。比如有A窗口，A内有个IFRAME B，B里面的装载的是C页面，这时C要直接调用A里面的一个自定义函数AFUN()；那么只要在C页面中写如下JS函数就可以了：window.parent.AFUN()；如果AFUN()有参数也可以直接传递合适的参数进去。

3、可以的。只要两个页面有一定的关系，无论是通过iframe，还是frameset，甚至是window.open，超链接等等方式，都可以让两个页面之间的js互相调用。注意，是互相调用，也就是说，两者谁都有办法调用另一个的js代码。

4、首先，打开html编辑器，新建html文件，例如：index.html，填写相应html代码。

5、可以用JS动态创建一个iframe元素，设置属性，然后添加到某个父元素中。

Q4: 页面如何在加载的时候就调用iframe内的js方法

1、iframe加载之前用个js：可以在js function a(){ iframe.src = } a()； 在a执行完之后在更新iframe的路径加载页面：我一般用jquery 库，你可以异步加载java返回的json数据。

2、父页面的东西加载了先隐藏，然后iframe的开始加载，加载以后，利用子框架和父框架的JS相互调用，把父页面的内容展示出来，就达到了Iframe先加载！你说的其实过于模糊，你把你的业务逻辑或步骤和我说一下，我才能更好的帮你。

3、实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法。比如有A窗口，A内有个IFRAME B，B里面的装载的是C页面，这时C要直接调用A里面的一个自定义函数AFUN()；那么只要在C页面中写如下JS函数就可以了：window.parent.AFUN()；如果AFUN()有参数也可以直接传递合适的参数进去。

4、iframe每个页面加载css js如下：动态加载js，css文件(用原生js和jquery) iframe结构： frame0(父) frame 2（子） frame 3（子） frame2中触发事件，动态的向frame3中 加载js、css文件和 dom元素？ *同级之间可以调用。

Q5: 用js互相调用iframe页面内的js函数

1、可以的。只要两个页面有一定的关系，无论是通过iframe，还是frameset，甚至是window.open，超链接等等方式，都可以让两个页面之间的js互相调用。注意，是互相调用，也就是说，两者谁都有办法调用另一个的js代码。

2、不可以，因为子页面和父页面实际上是两个页面，两个页面无法调用同一个函数（JS不能跨页面传递参数）。

3、但是我在chrome浏览器下却发现此方法无效了！查了半天才了解，在chrome 5+中，window.parent无法在file：//协议中运行，但是发布了之后http：//协议下是可以运行的。此方法支持ie、firefox浏览器。iframe父页面调用子页面js函数 注：ifrtest是iframe框架的id，b()为子页面js函数。

4、首先，我们新建一个网页，用于进行演示，网页代码和效果如下图所示。然后，为button按钮添加onclick事件，响应函数名的addiframeclick()。再添加javascript脚本框架，并写出addiframeclick()函数的声明。addiframeclick()函数的作用是为iframe框架添加onclick()事件。

5、调用格式为：子框架ID.函数名()：如iframe src=../test.html id=frame1/iframe 调用格式应为：frametest()，光用test()显然是找不到的，另外子窗体中定义的全局变量也可以用类似格式。IE8测试通过，其它不知。

6、其实iframe是一个独立的页面，与父页面是嵌套但变量独立的关系。

调用兄弟iframe的js的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于react调用兄弟组件方法、调用兄弟iframe的js的信息别忘了在本站进行查找喔。