JavaScriptのFrameオブジェクトとは？frames配列・フレーム参照方法を初心者向けに解説
Frameオブジェクトは、ウィンドウ内に配置されたフレーム（<frame> 要素）を参照・操作するためのオブジェクトです。
フレームは現在では非推奨ですが、JavaScript の基礎として frames 配列の仕組みを理解しておくと役立ちます。
フレームを参照する方法
フレームは次の2つの方法で参照できます。
- フレーム名で参照
- frames[番号] で参照
1. フレーム名で参照する
フレーム名は <frame> タグの name 属性または id 属性で指定されます。
<frame name=”IFrame”>
このフレームを参照するには次のように書きます。
frames[“IFrame”];
2. 参照番号（インデックス）で参照する
フレームは frames 配列に格納されており、0 から始まる番号でアクセスできます。
frames[1];
→ ドキュメント内で 2 番目に記述されたフレームを参照します。
frames.length：フレームの総数を取得
frames.length は、ウィンドウ内に存在するフレームの総数を返します。
// トップフレームにあるフレームの総数を表示
document.write(“フレーム総数：” + top.frames.length);
document.write(“フレーム総数：” + top.frames.length);
→ フレーム数を調べたいときに便利です。
DOMでフレームを参照する場合
フレームに id が付いている場合は、通常の DOM と同じように参照できます。
document.getElementById(“enqFrame”);
→ <frame id=”enqFrame”> を参照します。
注意点
- フレーム（frameset）は HTML5 では非推奨
- モダンWebでは iframe の使用が一般的
- Frameオブジェクトは Window オブジェクトと互換性がある
まとめ
frames["名前"]：フレーム名で参照frames[番号]：インデックス番号で参照frames.length：フレームの総数を取得- DOM では
getElementById()で参照可能
