如何便励当前页面中的所有FRAME(包括IFRAME和FRAMESET)

需求:

最近在做WEB程序时,有个需求是模拟IE7.0的收藏夹,做一个弹出菜单,而在点开该弹出菜单后,单击页面中的任何一个地方,都会使该弹出菜单隐藏掉(弹出菜单是一个DIV层). 

问题:

页面中可能包括框架页或IFRAME页.如何控制他们包含页面的单击事件.

解决方案:

便励页面中的所有的FRAME,并为其添加BODY的ONCLICK事件.

所添加的BODY的ONCLICK事件,要便励当前窗体的父窗体,直到最后一层.并激活该页面的隐藏弹出菜单的事件.

代码:

 




var clickEvent = function()...{InitRootBodyClick();};


//循环取出当前FRAME对象中包含的FRMAE,并为其包含的页面添加BODY的ONCLICK事件


function InitIFrameBodyClick(frameObj, clickEvent)




...{


    if(frameObj!=undefined && frameObj.document.body != null)




    ...{


    


        frameObj.document.body.onclick=clickEvent;


        if(frameObj.frames.length > 0)




        ...{


            var i;


            for(i=0;i<frameObj.frames.length;i++)




            ...{


                InitIFrameBodyClick(frameObj.frames[i], clickEvent);


            }


        


        }


    }


}


//为指定的窗体对象找到其最顶级的父窗体对象,并激活该父窗体的BODY的ONCLICK事件


function InitRootBodyClick(frameObj)




...{


    if(frameObj == undefined)




    ...{


        InitRootBodyClick(window.parent);


    }


    else if(frameObj.document.parentWindow != frameObj.document.parentWindow.parent)




    ...{


        InitRootBodyClick(frameObj.document.parentWindow.parent);


    }


    else




    ...{


        frameObj.document.body.click();


    }


}

 

后来发现第二个方法可以直接用下面代码代替,因为在初始化各个页面的ONCLICK事件时,是在浮动菜单页面发生的,因此该window对象即为该页面的window对象,作为变量存储在各页面的ONCLICK事件中.

 


function InitRootBodyClick()




...{


    


   window.document.body.click();


  


}