这里主要就是通过JS来操作Window对象。Window 对象表示浏览器中打开的窗口,如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。
经google,找到了JS操作iframe中HTML元素的方法,示例如下:
function ShowExit()
{
//获取iframe的window对象
var topWin = window.top.document.getElementById("topNav").contentWindow;
//通过获取到的window对象操作HTML元素,这和普通页面一样
topWin.document.getElementById("exit").style.visibility = "visible";
}
第一步,通过window.top.document.getElementById("topNav")方法获取了顶部菜单页面
(topPage.htm)所在的iframe对象;
第二步,通过上一步获取到的iframe对象的contentWindow属性得到了iframe中元素所在的window对象;
第三步,通过上一步获取到的window对象来操作iframe框架中的元素,这和操作不在iframe框架中的普通
HTML元素是一样的。