js获取最上层window对象的架构

核心提示： 1)设计一最外层页面 a.jsp 包含a.jsa.js获取最上导页面window的方法为window.top;优点在于如果a.jsp里ifram N层页面，第N层页面想获取顶层页面只需要调用 a.jsp的window.top即可获得，js获取最上层window对象的架构，不用 parent.parent.parent

 1)　设计一最外层页面 a.jsp 包含a.js

　a.js获取最上导页面window的方法为window.top;

优点在于如果a.jsp里ifram N层页面，第N层页面想获取顶层页面只需要调用 a.jsp的window.top即可获得，不用 parent.parent.parent.......

2)第二种方法是如下：

在a.jsp中定义一<div id='myFlag'></div>

a.js　中定义如下函数

function getWindow(){
var obj=window.self;
while(true)
{
if(obj.document.getElementById("myFlag"))
{
return obj;
}
obj=obj.window.parent;
}
}

　第一种方法是使用了window.top,

　第二种方法实际是使用了parent.parent..的方法去获取上上上...级标示后返回对象。

两种方法看似第一种省力方便，但当两个页面融合场景发生时，也就是b.jsp iframe a.jsp的情况出现时,a.js的 window.top 无效，只能采用第二种方式。