NO.118 ウィンドウ�G

ウィンドウのプロパティ�B

親フレームを参照/設定 - window.parent

window.parentで親フレームを操作したり、プロパティを参照・設定する事が出来ます。
ここでは解説するのが難しいので、インラインフレームを用意してその中から親フレームの関数を実行してみます。
<script type=text/javascript> <!-- function js1(){alert("親フレームの関数で実行されるアラート　　　");} document.write("<iframe src=about:blank name=f1 width=50% height=22%></iframe>"); f1.document.open(); f1.document.write("<h1>インラインフレーム(f1)</h1>"); f1.document.write("<input type=button value='ボタンオブジェクト'onClick='javascript:window.parent.js1();'>"); f1.document.close(); --> </script>

トップフレームを参照/設定 - window.top

window.topで大元の親フレームを操作したり、プロパティを参照・設定する事が出来ます。
どうしましょうか・・・とりあえずインラインフレームをフレーム分割ページにして、最下層のフレームからトップフレームの関数を呼び出す事にします。
<script type=text/javascript> <!-- function js2(){alert("トップフレームの関数で実行されるアラート　　　");} document.write("<iframe src=about:blank name=f2 width=70% height=30%></iframe>"); f2.document.open(); f2.document.write("<frameset cols=50%,*><frame src=index.html name=f2a></frame><frame src=about:blank name=f2b></frame></frameset>"); f2.document.close(); f2.f2b.document.open(); f2.f2b.document.write("<h1>インラインフレーム(f2b)</h1>"); f2.f2b.document.write("<input type=button value='ボタンオブジェクト'onClick='javascript:window.top.js2();'>"); f2.f2b.document.close(); --> </script>

ウィンドウ(フレーム)自身を参照/設定 - window.self

window.selfで自分自身を扱います。そのままwindowで扱うのと同じようです。
<script type=text/javascript> <!-- window.self.alert(window.self.location); --> </script>

※注：window.location⇒ウィンドウのURL