iframe是非常常用的一个html元素,如果在父页面中使用子页面的方法应该怎么写呢,下面就做一下简单的介绍。
一、父页面代码
<html><head><meta charset="utf-8"> <title>父页面</title> <script type="text/javascript"> function parentFunction(){ alert('function in parent'); } function callChild(){ child.window.childFunction(); /* child 为iframe的name属性值, 不能为id,因为在FireFox下id不能获取iframe对象 */ } </script> </head> <body> <iframe name="child" src="./child.html" ></iframe> </body> </html>
二、iframe中的代码
<html><head><meta charset="utf-8"> <title>iframe代码</title> <script type="text/javascript"> function childFunction(){ alert('function in child'); } function callParent(){ parent.parentFunction(); } </script> </head> <body> </body> </html>