父窗口页面:
<html>
<head>
<script type="text/javascript">
function hello(){
alert("parent.html------>I'matparent.html");
}
function callChild()
{
//myFrame是iframe的name
//myFrame.window.functionName();
myFrame.window.hello(); //父窗口掉子窗口hello方法
}
</script>
</head>
<body>
<input type="button" value="调用子窗口hello方法" onclick="callChild()">
<iframe name="myFrame" src="child.html"></iframe>
</body>
</html>
子窗口页面
<html>
<head>
<script type="text/javascript">
function hello()
{
alert("child.html--->I'matchild.html");
}
function callParent(){
// parent.functionName();
parent.hello(); //子窗口掉父窗口hello方法
}
</script>
</head>
<body>
<input type="button" value="调用父窗口hello方法"onclick="callParent()">
</body>
</html>
相关推荐
JavaScript实现IFrame子窗口调用父窗口的全局变量
NULL 博文链接:https://terryang.iteye.com/blog/292913
本Demo汇总是iframe父页面与iframe子页面如何相互调用方法、元素及值的几种常见方法(含JS、JQuery方法)
一、父窗口调用iframe子窗口方法 1、HTML语法:<iframe name=”myFrame” src=”child.html”></iframe> 2、父窗口调用子窗口:myFrame.window.functionName(); 3、子窗品调用父窗口:parent....
js iframe 方法及元素相互调用 js调用iframe方法
jquery、js调用iframe父窗口与子窗口元素的方法整理.docx
js调用-嵌入iframe,测试JS之间的调用关系
本节主要介绍了jquery、js调用iframe父窗口与子窗口元素的方法,需要的朋友可以参考下
本文给大家介绍iframe中子父类窗口调用JS的方法及注意事项,介绍的超详细,需要的朋友快来学习下
主要介绍了js调用iframe实现打印页面内容的方法,需要的朋友可以参考下
实现内嵌的iframe跨域调用父页面js方法
本文介绍了layer弹出子iframe层父子页面传值的实现方法,分享给大家,具体如下: 父页面获取子页面元素 格式: $("#iframeID").contents().find("#eleID") 示例代码: father.html <!DOCTYPE html> <...
练习说明:使用postMessage可以在iFrame、父子窗口、跨页面等,之间相互传递消息。 你好,我是TKCB-GO,一个有着游戏策划梦想,却沦为程序员的游戏家,这是我的技术博客:www.tkcb.cc 技术博客网站里面,除了我的...
使用iframe的时候,可能会涉及到父子窗口之间传值和方法的相互调用,之前一直有些迷糊,也没有着意去弄清楚,这两天要干活,没法子了只好把这都弄明白了。其实非常简单,就那么几个用法,几句代码而已。 子窗口中...
NULL 博文链接:https://maoxy.iteye.com/blog/828134
NULL 博文链接:https://747017186.iteye.com/blog/1985110
本文实例讲述了js中iframe调用父页面的方法。分享给大家供大家参考。具体实现方法如下: 子页面调用父页面的方法在js中很容易实现。我们只需要在主页面加个函数,然后在子页面通过window.parent.方法()即可实现了 ...
对于Iframe的父窗体与子窗体互相传值