JQuery 操作 Frame示例

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>设备***管理系统平台</title>
</head>
<frameset border="0" framespacing="0" rows="106,*,26" topmargin="0" leftmargin="0"
marginheight="0" marginwidth="0">
<frame name="TopFrm" src="Top.aspx" mce_src="Top.aspx" marginwidth="0" marginheight="0" border="0"
frameborder="no" scrolling="no" topmargin="0" leftmargin="0" target="WelcomeFrm" />
<frameset border="0" name="cen" framespacing="0" frameborder="0" cols="190,*" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
<frame name="LeftFrm" src="left.aspx" mce_src="left.aspx" border="0" marginwidth="0" bordercolor="#000" marginheight="0" frameborder="0" scrolling="no" topmargin="0" leftmargin="0" target="main" noresize="noresize">
<frameset border="0" framespacing="0" frameborder="no" cols="6,*">
<frame name="ShowOrHide" src="ShowOrHidden.aspx" mce_src="ShowOrHidden.aspx" noresize="noresize" scrolling="no" />
<frame name="WelcomeFrm" src="" border="0" frameborder="no" scrolling="yes" />
</frameset>
</frameset>
<frame name="BottomStateFrm" src="BottomStateFrame.aspx" mce_src="BottomStateFrame.aspx" border="0" framespacing="1" frameborder="0" scrolling="No" noresize="noresize" id="bottomFrame" />
</frameset>
</html>

主页面FrmIndex中有如下几个框架：

1、在主框架FrmIndex页面选中LeftFrm中的所有a元素：

2、在框架LeftFrm页面中操作主框架页面所有元素a:

3、在TopFrm页面中操作LeftFrm中的元素：

$shortcutTab = $（"table[id=tabMenuLevel2]", window.parent.LeftFrm.document）;//parent.frames["LeftFrm"].$（"table[id=tabMenuLevel2]"）;
$（"table[id=tabMenuLevel2]", window.parent.LeftFrm.document）.append（"<tr><td>hello ,TopFrm sets LeftFrm/"s Table element success！ </td></tr>"）;

三、小结在多个框架集中，有时不同框架间需要协同工作，涉及到元素间操作问题。写本文的目的也正在于解决类似的问题。May be it"s useful for u！