jquery 操作iframe、frameset

发布时间:2020-07-12 11:07:34 作者:1473348968
来源:网络 阅读:4066

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

<iframe name="a" src="a.aspx" width="300px" height="200px"></iframe>
<iframe name="b" src="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="top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
  <frameset cols="200,*" frameborder="no" border="0" framespacing="0">
    <frame src="left.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
    <frame src="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要严格按照框架生成的默认名称,否则会吃大亏

推荐阅读:
  1. JQuery iframe页面通过parent方法操作父页面中的元素与方法(实例讲解)
  2. 沫沫金 - 实战总结jQuery进阶技巧图册

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

iframe jquery frameset

上一篇:【示例代码】简洁优雅的现代风格网站模板

下一篇:String的split方法的使用

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》