window

現在のフレームのウインドウ自身

2009.01.09

構文
window.プロパティ

説明

現在のフレームのウインドウ自身のプロパティ。

用例

ボタンフォームをクリックしたときにイベントが発生したフレームに，HTMLファイルを読み込む。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" >
<html><head>
<title>window</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>
<script type="text/javascript">
<!--
function F_Self() {window.location.href="page1.html" }
//-->
</script>
<style type="text/css">
<!--
body { background-color: #ffffff; }
-->
</style>
</head>
<body>
*現在のフレームのウインドウ自身
<p>
<form>
    <input type="button" value="現在のフレームのウインドウ自身
へ表示" onClick="F_Self()">
</form>
</P>
</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>
<style type="text/css">
<!--
body { background-color: #ffffff; }
-->
</style>
</head>
<body>
他のウインドウ...
</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」で親フレーム内に，フレーム名「f1」，「f2」の2つの子フレームを設定している。そしてそれに対しフレーム名「f1」の「f1.html」内で，「window.location.href="page1.html"」として，「location」オブジェクトの「href」プロパティを使って，URIの値「page1.html」を設定している。この場合，「フレームのウインドウ自身」は，スクリプトが記述されているフレーム名「f1」のフレームになるので，フレーム名「f1」のフレーム内に，HTMLファイル「page1.html」が読み込まれる。