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>