ホームページ > 記事 > ウェブフロントエンド > JSの親page_javascriptでサブページを使用する方法
JSの親page_javascriptでサブページを使用する方法
- WBOYオリジナル
- 2016-05-16 15:20:461318ブラウズ
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 プログラミングの学習に役立つことを願っています。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。