javascript中top的作用

top作用是取得最顶层框架对象 

A.html

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312"   />
< title > prototype test </ title >
</ head >
< body >
< iframe  src ="b.html" ></ iframe >
< script  language ="javascript" > ...
var topstr = "my top";
    alert(a.html='+top.location.href);
</script>

</body>
</html>B.html

 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312"   />
< title > prototype test </ title >
</ head >
< body >
< iframe  src ="c.html" ></ iframe >
< script  language ="javascript" > ...

alert('b.html='+top.location.href+";a.html.topstr="+top.topstr);//top.topstr可取a.html(顶层框架参数)的topstr变量
</ script >

</ body >
</ html >

C.html

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312"   />
< title > prototype test </ title >
</ head >
< body >

< script  language ="javascript" > ...

alert('c.html='+top.location.href+";a.html.topstr="+top.topstr);//top.topstr可取a.html(顶层框架参数)的topstr变量
</ script >

</ body >
</ html >

 

b.html中的top=parent c.html中的top=parent.parent