最近在做网站时遇到一个问题,需要获取不同frame中的控件,请教了一些同事,他们都说是无法取到的,

在网上查找了很多资料,找到了解决方法,现在整理一下当初的解决思路:

1、我需要在mainFrame中控制leftFrame中一个DIV控件的显示,如图示:

ASP.NET 获取不同frame中的控件-LMLPHP

2、直接在mainFrame中通过document.getElementById('div1')去获取,结果取不到;

3、既然直接取不到,那我可不可以先取得leftFrame中所有的控件呢,尝试了一下,是可以的;

var iObj=parent.document.getElementById('leftFrame').contentWindow;

4、都已经取到所有控件了,那我取一个div,不是就很好取了,如下;

iObj.document.getElementById('divTierNotes').style.display='none';

5、这样问题就解决了。

备注:

用iFrame嵌套页面时,如果父页面要获取子页面里面的内 容,可以使用contentWindow和contentDocument

contentWindow和contentDocument的区别:

>contentWindow:这是个只读属性,返回指定的iFrame的 window对象,各个主流浏览器都支持。

>contentDocument:Firefox支持,IE8以上版本支持,可 取得iFrame的document对象,需要如此访问 document.frames['leftFrame'].doucment。

完整代码:

 JS文件:
function chkTierNoteDis(strDis)
{
//兼容所有浏览器
var iObj=parent.document.getElementById('leftFrame').contentWindow;
iObj.document.getElementById('div1').style.display=strDis;
} 后台:
string strDis = "none";
ClientScript.RegisterStartupScript(this.GetType(), "key", "<script>chkTierNoteDis('" + strDis + "');</script>");
05-04 12:53