PR
構文
 
  parent.プロパティ
総合 インデックス
プロパティ
FirefoxIE

説明

  • 現在のフレームから見て親のフレームのプロパティ。

用例

ボタンフォームをクリックしたとき,子フレームを抜けて親フレームに,HTMLファイルを読み込む。
【index.html】
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" >
<html><head>
<title>parent</title>
</head>
<frameset rows="*,100">
    <frame src="f1.html" name="f1">
    <frame src="f2.html" name="f2">
</frameset>
<noframes>
フレーム機能を使用しています。フレーム対応のブラウザで試してください(^_^)。
</noframes>
</html>


【f1.html】
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta http-equiv="Content-Style-Type" content="text/css">
<title>f1</title>
<style type="text/css">
<!--
body { background-color: #ffffff; }
-->
</style>
</head>
<body>
*親フレーム
</body></html>


【f2.html】
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>f2</title>
<script type="text/javascript">
<!--
function F_Parent() {parent.location.href="page1.html" }
//-->
</script>
<style type="text/css">
<!--
body { background-color: #ffffff; }
-->
</style>
</head>
<body>
<form>
    <input type="button" value="親フレームへ表示" onClick
="F_Parent()"> </form> </body></html> 【page1.html】 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head> <meta http-equiv="Content-Style-Type" content="text/css"> <title>page1</title> <style type="text/css"> <!-- body { background-color: #e0ffff; } --> </style> </head> <body> <h1>・親フレームに表示されました</h1> </body></html>

※用例では,「index.html」で親フレーム内に2つの子フレームを設定している。そしてそれに対し,「f2.html」で「parent.location.href="page1.html"」とし,親フレームに,「location」オブジェクトの「href」プロパティを使って,URIの値「page1.html」を設定している。これにより,子フレームの抜けて,親フレームに,HTMLファイル「page1.html」が読み込まれる。

この用例を実行する

関連事項

locationオブジェクト/hrefプロパティ