head runat="server">      title>设备***管理系统平台title>  head>  frameset border="0" framespacing="0" rows="106,*,26" topmargin="0" leftmargin="0"" />

JQuery 操作 Frame示例

来源:csdn博客 分类: 文章浏览史 发布时间:2020-11-28 18:08:42 最后更新:2020-11-28 浏览:143
转载声明:
本文为摘录自“csdn博客”,版权归原作者所有。
温馨提示:
为了更好的体验,请点击原文链接进行浏览
摘录时间:
2020-11-28 18:08:42

一、多框架集合

  1. <html xmlns="http://www.w3.org/1999/xhtml">  
  2. <head runat="server">  
  3.     <title>设备***管理系统平台</title>  
  4. </head>  
  5. <frameset border="0" framespacing="0" rows="106,*,26" topmargin="0" leftmargin="0"  
  6.     marginheight="0" marginwidth="0">  
  7. <frame name="TopFrm" src="Top.aspx" mce_src="Top.aspx" marginwidth="0" marginheight="0" border="0"  
  8.     frameborder="no" scrolling="no" topmargin="0" leftmargin="0" target="WelcomeFrm" />  
  9.   <frameset border="0" name="cen" framespacing="0" frameborder="0" cols="190,*" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">  
  10.     <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">  
  11.     <frameset border="0" framespacing="0" frameborder="no" cols="6,*">  
  12.         <frame name="ShowOrHide" src="ShowOrHidden.aspx" mce_src="ShowOrHidden.aspx" noresize="noresize" scrolling="no" />  
  13.         <frame  name="WelcomeFrm" src="" border="0" frameborder="no" scrolling="yes" />  
  14.     </frameset>  
  15.   </frameset>  
  16.   <frame name="BottomStateFrm" src="BottomStateFrame.aspx" mce_src="BottomStateFrame.aspx" border="0" framespacing="1" frameborder="0"   scrolling="No" noresize="noresize" id="bottomFrame" />  
  17. </frameset>  
  18. </html>  

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



二、多个Frame或Ifrme间选取

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

  1. $(window.frames['LeftFrm'].document).find('a').attr('href''www.baidu.com');  
  2. 或者:   
  3. $(window.LeftFrm.document).find('a').attr('href''www.baidu.com');//直接框架名称  

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

  1. $(window.parent.document).find('a').attr('href''www.baidu.com');  

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

  1. $shortcutTab = $('table[id=tabMenuLevel2]', window.parent.LeftFrm.document);//parent.frames['LeftFrm'].$('table[id=tabMenuLevel2]');   
  2.   
  3. $('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!



php技术微信