首页 > 代码库 > jquery 操作iframe、frameset

jquery 操作iframe、frameset

2024-07-10 08:38:05   224人阅读

============================================iframe

<iframe name="a" src="http://www.mamicode.com/a.aspx" width="300px" height="200px"></iframe>
<iframe name="b" src="http://www.mamicode.com/b.aspx" width="300px" height="200px"></iframe>

 

------------1,主框架操作a

$(window.frames["a"].document).find(".adiv").text("sdsd");

------------2,a操作主

$(".class1", window.parent.document).text("asdafasf");

或

$(window.parent.document).find(".class1").text("asdafasf");

或

$(self.parent.document).find(".class1").text("asdafasf");

------------3，a操作b

$(".bdiv",self.parent.frames["b"].document).text("asdas");

或

$(window.parent.frames["b"].document).find(".bdiv").text("asdafasf");

 

============================================frameset

<frameset rows="100,*" cols="*" frameborder="no" border="0" framespacing="0">
  <frame src="http://www.mamicode.com/top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
  <frameset cols="200,*" frameborder="no" border="0" framespacing="0">
    <frame src="http://www.mamicode.com/left.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
    <frame src="http://www.mamicode.com/main.html" name="mainFrame" id="mainFrame" title="mainFrame" />
  </frameset>
</frameset>
<noframes><body>
</body>
</noframes>

------------left操作top

$(window.parent.frames["topFrame"].document).find(".topdiv").text("safsa");

注意：name要严格按照框架生成的默认名称，否则会吃大亏

本文出自 “程序猿的家” 博客，请务必保留此出处http://962410314.blog.51cto.com/7563109/1432721


联系
我们