iframe与父窗口的交互.

Out_Put_Stream

于 2016-07-22 05:33:38 发布

阅读量491

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Android 文章标签： javascript html基础

本文链接：https://blog.csdn.net/Out_Put_Stream/article/details/51991073

Android 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个使用HTML与JavaScript实现父页面A.html与子页面B.html之间的交互案例。具体包括了如何从子页面调用父页面的JavaScript方法以及从父页面调用子页面的方法。通过iframe元素，展示了不同窗口间进行消息传递的技术细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

A.html包含B.html,B.html点击按钮访问A.html的js方法.

B.HTML源代码：

<html> 
<head> 
<script type="text/javascript"> 
function say() 
{ 
alert("child.html--->I'm at child.html"); 
} 
function callParent() { 
parent.say(); 
} 
</script> 
</head> 
<body> 
<form id="form1" name="form1" method="post" action="c.php">
<input type="submit" name="a" id="a" value="提交" onclick="callParent()"/>
</form>
</body> 
</html>

A.html的代码:

<html> 
<head> 
<script type="text/javascript"> 
function say() { 
alert("parent.html------>I'm at parent.html"); 
} 
function callChild() 
{ 
//document.frames("myFrame").f1(); 
myFrame.window.say(); 
} 
</script> 
</head> 
<body> 
<input type=button value="调用child.html中的函数say()" onclick="callChild()"> 
<iframe name="myFrame" src="child.html"></iframe> 
</body> 
</html>