iframe里的js操作父级窗口的dom

iframe里的js操作父级窗口的dom
iframe里的js要操作父级窗口的dom，必须搞懂几个对象：
parent是父窗口（如果窗口是顶级窗口，那么parent==self==top），
top是最顶级父窗口（有的窗口中套了好几层frameset或者iframe），
self是当前窗口（等价window），
opener是用open方法打开当前窗口的那个窗口；
这样iframe里的js要操作父级窗口的dom可以通过parent，top这些对象来获取父窗口的window对象，

例如：
index.jsp中
<div data-options="region:'west',split:true,title:'系统菜单'" style="width:210px;padding-top: 1px; margin-top: 0;">
 <iframe id="tree" src="tree.jsp" scrolling="none" frameborder="0" align="top" width="100%"  height="100%"></iframe>
</div>
<div id="centerDiv" data-options="region:'center',title:'基础数据查询>>样品信息查询'" style="width: 800px; height: 300px;">
 <iframe id="tableIframe" src="main1.jsp" scrolling="auto" frameborder="0" align="top" style="height: 100%;width:100%;"></iframe>
</div>
tree.jsp中
var ifr= parent.document.getElementById("tree");
//js
 alert(ifr.src);
 alert(ifra);
//jquery
 alert($("#tree",parent.document).attr("src"));
 $("#tableIframe",top.document).attr("src","news.jsp");
 $("#centerDiv",top.document).attr(",title"," ");

parent，top还能调用父级窗口的的js方法，比如，getIFrameDOM()是父级窗口的一个方法，
那么iframe里可以使用parent.getIFrameDOM()来调用父级窗口的getIFrameDOM()方法；