JSの親page_javascriptでサブページを使用する方法-jsチュートリアル-php.cn

JSの親page_javascriptでサブページを使用する方法

WBOY

リリース： 2016-05-16 15:20:46

オリジナル

1317 人が閲覧しました

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 プログラミングの学習に役立つことを願っています。