|
説明
- フレーム名を値に持つプロパティ。
- JavaScriptを記述するフレーム以外のフレームにJavaScriptの値を引き渡すときなどに利用する。
用例
【index.html】 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" > <html><head> <title>name</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_Name() {parent.f1.location.href="page1.html" } //--> </script> <style type="text/css"> <!-- body { background-color: #ffffff; } --> </style> </head> <body> <form> <input type="button" value=" フレーム名で指定 "
onClick="F_Name()"> </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」で,親フレーム内に,HTMLの「frame」要素でname属性を使って,フレーム名「f1」,「f2」の2つの子フレームを設定。そしてこのフレーム名は,そのままJavaScriptのオブジェクトとして使用できる。「f2.html」で,「parent.f1.location.href="page1.html"」とし,フレーム名「f1」に対し,「location」オブジェクトの「href」プロパティを使って,URIの値「page1.html」を設定している。これにより,フレーム名「f1」のフレームに,HTMLファイル「page1.html」が読み込まれる。子フレームの指定は,「parent.フレーム名」と,親フレームから順を追って指定する。
関連事項
frameオブジェクト/parentプロパティlocationオブジェクト/hrefプロパティ
複数のオブジェクトで使用出来るプロパティ・メソッド/nameプロパティ