Reference

top
最上位のウインドウを指します。
これに対して、現在のカレントフレームやウインドウをself、一つ上をparentと呼びます。フレームやサブウインドウがなければこれらはどれもカレントウインドウを指すことになります。


書式: 1. top.propertyName 2. top.methodName 3. top.frame名 4. top.frames[index番号]
例: frameTest PARENT_P.HTM <FONT SIZE=6 COLOR=B75939>1</FONT><FONT SIZE=5>●フレームテストサンプル</FONT><BR> カレントフレームからみて、self,top,parentがそれぞれどのフレームを指すのかを実際にテストしてみました。<P> |<A HREF="FRAME0.HTM" target="_blank">フレーム3分割</A>|<p> |<A HREF="FRAME2.HTM" target="_blank">フレーム2分割</A>|<P> FRAME0.HTM <HTML> <HEAD> <TITLE>Frame0</TITLE> </HEAD> <FRAMESET ROWS="25%,*"> <FRAME SRC="FRAME1.HTM" NAME="f1"> <FRAME SRC="FRAME2.HTM" NAME="f2"> </FRAMESET> </HTML> FRAME1.HTM <HTML> <HEAD> <TITLE>Frame1</TITLE> </HEAD> <BODY BGCOLOR="543210" TEXT="999877" LINK="F4EA1B" VLINK="987654"> <CENTER> <TABLE BORDER=4 WIDTH=1%><TR><TD></TD></TR></TABLE> <FONT SIZE=3 COLOR=ffffff>Frame1.htm</FONT><BR> <TABLE BORDER=4 WIDTH=1%><TR><TD></TD></TR></TABLE> </CENTER> <UL> |<A HREF="END.HTM" target="_top">テストを終了します</A>| |<A HREF="FRAME0.HTM" target="_top">3分割テストの最初へ</A>| |<A HREF="FRAME2.HTM" target="_top">2分割テストの最初へ</A>|<BR> </UL> <CENTER> <FORM><INPUT TYPE="button" VALUE=" 1行程戻る " onClick="window.frames.history.back()"></FORM><BR> <FONT SIZE=2> *NN2.xではこのフレーム内でhistory.back()ボタン(1行程戻る)を使えません。<BR> 'テストの最初へ'をご利用ください。 </FONT> </CENTER> </HTML> FRAME2.HTM <HTML> <HEAD> <TITLE>Frame2</TITLE> </HEAD> <FRAMESET COLS="50%,50%"> <FRAME SRC="FRAME2_0.HTM" NAME="f3"> <FRAME SRC="FRAME2_0.HTM" NAME="f4"> </FRAMESET> </HTML> FRAME2_0.HTM <HTML> <HEAD> <TITLE>Frame2_0</TITLE> </HEAD> <BODY BGCOLOR="012345" TEXT="999877" LINK="F4EA1B" VLINK="987654"> <CENTER> <TABLE BORDER=4 WIDTH=1%><TR><TD></TD></TR></TABLE> <FONT SIZE=3 COLOR=ffffff>FRAME2_0.HTM</FONT><BR> <TABLE BORDER=4 WIDTH=1%><TR><TD></TD></TR></TABLE> </CENTER> <FONT SIZE=3> <UL> |<A HREF="FRAMETST.HTM" target="_self">selfはどこ?</A>|<BR> |<A HREF="FRAMETST.HTM" target="_top">topはどこ?</A>|<BR> |<A HREF="FRAMETST.HTM" target="_parent">parentはどこ?</A>|<BR> |<A HREF="FRAME0.HTM" target="_top">3分割テストの最初へ</A>|<BR> |<A HREF="FRAME2.HTM" target="_top">2分割テストの最初へ</A>|<BR> |<A HREF="END.HTM" target="_top">テストを終了します</A>|<BR> </UL> </FONT> <CENTER> <FORM> <INPUT TYPE="button" VALUE=" top.frames[0]はどこ? " onClick="if(top.frames[0].name==self.frames.name){alert('いまクリックしたフレームがtop.frames[0]だよ')}else{top.frames[0].document.write('top.frames[0]はここです');top.frames[0].document.close()}"><BR> <INPUT TYPE="button" VALUE=" parent.frames[0]はどこ? " onClick="if(parent.frames[0].name==self.frames.name){alert('いまクリックしたフレームがparent.frames[0]だよ')}else{parent.frames[0].document.write('おや?ここがparent.frames[0]か(^^)/');parent.frames[0].document.close()}"><BR> <INPUT TYPE="button" VALUE=" parent.frames[1]はどこ? " onClick="if(parent.frames[1].name==self.frames.name){alert('いまクリックしたフレームがparent.frames[1]だよ')}else{parent.frames[1].document.write('おや?ここがparent.frames[1](^^)/');parent.frames[1].document.close()}"><BR> <INPUT TYPE="button" VALUE=" parent.parentはどこ? " onClick="if(parent.parent.frames[0].name==self.frames.name){alert('いまクリックしたフレームがparent.parent.frames[0]だよ')}else{parent.parent.frames[0].document.write('おや?親? parent.parent.frames[0]ね(^^)');parent.parent.frames[0].document.close()}"><BR> <INPUT TYPE="button" VALUE=" 1行程戻る " onClick="window.frames.history.back()"><BR> <FONT SIZE=2> *NN2.xではこのフレーム内でhistory.back()ボタン(1行程戻る)を使えません。<BR> 'テストの最初へ'をご利用ください。 </FONT> </FORM> </CENTER> </HTML> FRAMETST.HTM <HTML> <HEAD> <TITLE>FrameTest</TITLE> </HEAD> <BODY BGCOLOR="998877" TEXT="000000"> <CENTER> <TABLE BORDER=4 WIDTH=1%><TR><TD></TD></TR></TABLE> <FONT SIZE=5 COLOR=ffffff>ここだよん(^^)/</FONT><BR> <TABLE BORDER=4 WIDTH=1%><TR><TD></TD></TR></TABLE> |<A HREF="END.HTM" target="_top">テストを終了します</A>| |<A HREF="FRAME0.HTM" target="_top">3分割テストの最初へ</A>| |<A HREF="FRAME2.HTM" target="_top">2分割テストの最初へ</A>|<BR> <FORM><INPUT TYPE="button" VALUE=" 1行程戻る " onClick="window.history.back()"></FORM><BR> <P><BR><BR> </CENTER> </HTML> END.HTM <HTML> <HEAD> <TITLE>top</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!----- function socl() { window.close() }; //----> </SCRIPT> </HEAD> <BODY BGCOLOR="pink"> <CENTER> <FONT SIZE=5 COLOR=FF2C07>S</FONT><FONT SIZE=3 COLOR=000000>ource</FONT> <FONT SIZE=2 COLOR=000000> <FORM> <INPUT type="button" value=" Close " onClick="socl()"> </FORM> </CENTER> <HR> <CENTER> <TABLE BORDER=4 WIDTH=1%><TR><TD></TD></TR></TABLE> END.HTMだよん(^^)/<BR> <TABLE BORDER=4 WIDTH=1%><TR><TD></TD></TR></TABLE> |<A HREF="FRAME0.HTM" target="_top">Frame テストの最初へ戻る</A>| </CENTER> </HTML>
Close


Maintained by
tato@fureai.or.jp works1997 Toshirou Takahashi