parent.フレーム名－JavaScriptリファレンス

トップページ > JavaScriptリファレンス > parent.フレーム名

★JavaScriptリファレンス

top.フレーム名.操作内容 …… トップフレームを操作する
parent.フレーム名.操作内容 …… 親フレームを操作する
self.操作内容 …… 自フレームを操作する
Internet Explorer

top.フレーム名は、トップフレームを操作します。

parent.フレーム名は、親フレームを操作します。

selfは、自フレームを操作します。

■構文・引数・戻り値

構文: top.フレーム名.操作内容
parent.フレーム名.操作内容
self.操作内容

■使用例

HTMLソース（親フレーム）

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8"><title>フレーム使用例</title></head>
<frameset cols="300,*">
	<frame src="frame_parent_hidari.html" name="hidari">
	<frameset rows="200,*">
		<frame src="frame_parent_migiue.html" name="migiue">
		<frame src="frame_parent_migishita.html" name="migishita">
	</frameset>
</frameset>
</html>

HTML + JavaScriptソース（右上フレーム）

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<script>
function sample_top() {
	top.hidari.document.write('top!');
}

function sample_parent() {
	parent.migishita.document.write('parent!');
}

function sample_self() {
	self.document.write('self!');
}
</script>
</head>
<body>
<h3>右上フレーム</h3>
<p><a onclick="sample_top()">左フレームに「top!」と書き出す</a></p>
<p><a onclick="sample_parent()">右下フレーム「parent!」と書き出す</a></p>
<p><a onclick="sample_self()">自フレーム「self!」と書き出す</a></p>
</body>
</html>

↓↓↓

ブラウザ上の表示

使用例を見る

■関連項目

frames.length …… フレーム数を返す
フレーム名.location …… フレームのURLを設定・参照する
フレーム名.name …… フレーム名を設定・参照する

top.フレーム名.操作内容 …… トップフレームを操作する
parent.フレーム名.操作内容 …… 親フレームを操作する
self.操作内容 …… 自フレームを操作する

フレーム名.alert() …… 警告ダイアログを表示する
フレーム名.blur() …… フレームからフォーカスをはずす
フレーム名.confirm() …… 確認ダイアログを表示する
フレーム名.focus() …… フレームにフォーカスをあてる
フレーム名.prompt() …… 文字入力ダイアログを表示する