JS对frame内容的访问（IE、FF）

 

 

 

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                       第一部份：框架间元素访问

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

在网上找了很久没有找到合适的介绍，自己实验后。解决问题。

关键点是：

三个页面

index.aspx   //首页，父框架

left.aspx、main.aspx //子框架

 

要控制子框架中的元素时，如对left.aspx中的id="lbl"的Label控件写入“119”的值。在index.aspx中写代码。如下：

window.onload = function() { //contentWindow为IE和FF下通用，推荐这种方式来访问frame里内容 window.document.getElementById("leftframe").contentWindow.document.getElementById("lbl").innerHTML = "119"; //测试通过，通过frame的索引同样可以访问 window.document.frames[1].document.getElementById("lbl").innerHTML = "119"; //用framename来访问 window.document.frames["leftframe"].document.getElementById("lbl").innerHTML = "119"; alert("a"); }

 

 

  中间两frame对top元素的访问：

如： left.aspx中要显示 top.aspx中 id="TopGuid3"的元素值

代码：

//window.top.frames[0].location.href=window.parent.frames[0].location.href=window.top.frames["topframe"].location.href; //alert(window.top.frames["topframe"].document.getElementById("TopGuid3").innerHTML);

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                       第二部份：框架间函数访问

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

通过弹出层iframe（name='frmPre'）b.aspx。

父层页面a.aspx

 

在a页面中弹出窗口。窗口中iframe b 页面。

在b页面中进行相关操作，操作完成后弹出提示“操作成功”,并关闭弹出窗口。

 

在b.aspx中的Js代码为：

function CloseWin() { alert("保存成功"); window.parent.CloseTopWin();//CloseTopWin为a.aspx中的函数 }

 

 

补充：关闭窗口无提示

window.opener=null; window.close();