iframe は非常によく使われる HTML 要素です。親ページ内で子ページを使用する場合、どのように記述すればよいでしょうか。簡単に説明します。
1. 親ページのコード
<html>
<head>
<meta charset=" gb2312">
<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>
2. iframe 内のコード
<html>
<head>
<meta charset="gb2312">
<title>iframe代码</title>
<script type="text/javascript">
function childFunction()
{
alert('function in child');
}
function callParent()
{
parent.parentFunction();
}
</script>
</head>
<body>
</body>
</html>
上記の 2 つのコードは、親ページと子ページで相互に関数を呼び出すことができます。これは比較的単純なので、詳しくは紹介しません。
この記事が JavaScript プログラミングの学習に役立つことを願っています。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
