在index.html页面中有
<script type="text/javascript">
function test(){
alert('test() success!');
}
</script>
<body>
<a href="#" onclick="frame1.window.childFunction();">调用</a>
<iframe name="frame1" src="test1.html"/>
<iframe name="frame2" src="test2.html"/>
</body>
在test1.html页面中有
<script type="text/javascript">
function childFunction(){
alert('test childFunction() success!');
}
</script>
<body>
<a href="#" onclick="parent.test();">调用</a>
</body>
iframe调用子iframe的方法:parent.test()
子调用父iframe的方法:frame1.window.childFunction()
相关推荐
本Demo汇总是iframe父页面与iframe子页面如何相互调用方法、元素及值的几种常见方法(含JS、JQuery方法)
JavaScript实现IFrame子窗口调用父窗口的全局变量
NULL 博文链接:https://terryang.iteye.com/blog/292913
NULL 博文链接:https://747017186.iteye.com/blog/1985110
一、父窗口调用iframe子窗口方法 1、HTML语法:<iframe name=”myFrame” src=”child.html”></iframe> 2、父窗口调用子窗口:myFrame.window.functionName(); 3、子窗品调用父窗口:parent....
easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值,详情链接:
本文实例讲述了js中iframe调用父页面的方法。分享给大家供大家参考。具体实现方法如下: 子页面调用父页面的方法在js中很容易实现。我们只需要在主页面加个函数,然后在子页面通过window.parent.方法()即可实现了 ...
1、iframe子页面调用父页面js函数 子页面调用父页面函数只需要写上window.praent就可以了。比如调用a()函数,就写成: 代码如下: window.parent.a(); 子页面取父页面中的标签中的值,比如该标签的id为“test”,则: ...
js中iframe调用父页面的方法.docx
iframe子父页面调用js函数示例.docx
以一个简单的小例子讲述了iframe页面中的相互调用,此为iframe页面中又嵌套iframe的页面的例子,希望对大家有帮助
一、在iframe中查找父页面元素的方法: $(‘#id', window.parent.document) 二、在iframe中调用父页面中定义的方法和变量: parent.method parent.value 三、实例 父页面: <%@ Page Language="C#" ...
本文介绍了layer弹出子iframe层父子页面传值的实现方法,分享给大家,具体如下: 父页面获取子页面元素 格式: $("#iframeID").contents().find("#eleID") 示例代码: father.html <!DOCTYPE html> <...
实现内嵌的iframe跨域调用父页面js方法
jquery、js调用iframe父窗口与子窗口元素的方法整理.docx
iframe调用加loading特效特别合适远程调用速度慢而等待问题,简单方便
主要介绍了iframe如何调用父页面函数,下面有个不错的示例,大家可以参考下
js iframe 方法及元素相互调用 js调用iframe方法
在网上找了半天没有找到合适的,自己动手写了一个,经过测试在ie以及火狐浏览器均可以使用,iframe父与子、子与子之间控制以及js相互调用实际例