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

説明

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

用例

ボタンフォームをクリックしたときにイベントが発生したフレームに,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」が読み込まれる。

この用例を実行する

関連事項

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