js関数のframe内の相互呼び出しの詳細
フレーム間の相互参照ページのすべてのフレームは、集合としてwindowオブジェクトの属性として提供されます。例えば、window.frameは、ページ内のすべてのフレームのセットを表します。フォームオブジェクト、リンクオブジェクト、画像オブジェクトなどと同様に、これらのセットはdocumentの属性です。したがって、サブフレームを引用するには、次のような文法が使用されます。
1.親のフレームからサブフレームへの引用は、上記の原理を知り、親のフレームからサブフレームを引用することが非常に容易になる。すなわち、
2.サブフレームから親フレームまでの引用は各windowオブジェクトにparent属性があり、親フレームを表します。このフレームが最上階のフレームであるならば、window.parentはまたフレーム自体を表している。
3.兄弟フレーム間の参照2つのフレームが同じフレームのサブフレームである場合、それらは兄弟フレームと呼ばれ、相互参照は親フレームで実現され得る。例えば、1ページは2つのサブフレームを含む。
4.異なる階層のフレーム間の相互参照フレームの階層は、トップフレームに対するものである。レベルが違っている場合、自分のいるレベルと別のフレームのあるレベルと名前を知っていれば、フレームを利用して参照されるwindowオブジェクトの性質を利用して、相互訪問が容易に実現できます。例えば、
window.frames["frameName"];
window.frames.frameName
window.frames[index]
self.frames["frameName"]
self.frames[0]
frames[0]
frameName
1.親のフレームからサブフレームへの引用は、上記の原理を知り、親のフレームからサブフレームを引用することが非常に容易になる。すなわち、
window.frames["frameName"];
window.frames["frameName"].frames["frameName2"];
2.サブフレームから親フレームまでの引用は各windowオブジェクトにparent属性があり、親フレームを表します。このフレームが最上階のフレームであるならば、window.parentはまたフレーム自体を表している。
3.兄弟フレーム間の参照2つのフレームが同じフレームのサブフレームである場合、それらは兄弟フレームと呼ばれ、相互参照は親フレームで実現され得る。例えば、1ページは2つのサブフレームを含む。
<frameset rows="50%,50%">
<frame src="1.html" name="frame1" />
<frame src="2.html" name="frame2" />
</frameset>
self.parent.frames["frame2"];
4.異なる階層のフレーム間の相互参照フレームの階層は、トップフレームに対するものである。レベルが違っている場合、自分のいるレベルと別のフレームのあるレベルと名前を知っていれば、フレームを利用して参照されるwindowオブジェクトの性質を利用して、相互訪問が容易に実現できます。例えば、
self.parent.frames["childName"].frames["targetFrameName"];
//
if(self==top){
//dosomething
}
<frameset rows="50%,50%">
<frame src="1.html" name="frame1" />
<frame src="2.html" name="frame2" />
</frameset>
<!--somecode-->
<a href="frame1.location='3.html;frame2.location='4.html'" onclick="">link</a>
<!--somecode-->
<script language="JavaScript" type="text/javascript">
<!--
function hello(){
alert("hello,ajax!");
}
window.hello();
//-->
</script>
var a=1;
alert(window.a);
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
</head>
<frameset cols="20%,80%">
<frame src="link.html" name="link" />
<frame src="show.html" name="show" />
</frameset>
</html>
<script language="JavaScript" type="text/javascript">
<!--
var arrOrders=new Array();
function addToOrders(id){
arrOrders.push(id);
}
//-->
</script>