• 欢迎来到本博客,希望可以y一起学习与分享

jQuery 父iframe与子iframe 相互调用传值

JavaScript/Jquery benz 4年前 (2017-11-25) 122次浏览 0个评论 扫描二维码
文章目录[隐藏]

父页面中的iframe :如下

<iframe name=”sunPage” id=”sunPage” src=”sun.html” width=”300px” height=”auto”></iframe>;

1.父iframe 调用子iframe的方法

$(“#sunPage”)[0].contentWindow.sunMethod();
      contentWindow 对象可以获取子iframe的window对象,兼容所有浏览器.
sunMethod() 这是子iframe中的方法名.
如果iframe的id不知道,比如用jbox 的open方法打开一个ifram.可以借助jquery的find方法找到iframe节点。
如:$(selector).find(“iframe”)[0].contentWondow.sunMethod();

2.父iframe 修改子iframe标签中的数据:如修改子iframe中的input的值.

$(‘#sunPage’).contents().find(“#sunP”).text(“dsssssdd”);
  jQuery contents() 方法: http://www.w3school.com.cn/jquery/traversing_contents.asp 介绍
ID  #sunP 是子iframe中的input的id;

3.子iframe调用父iframe中的方法

window.parent.daoYo(“asdadasds”);
    window.parent 直接调用window对象的parent
daoYo(“asdadasds”); 父页面的方法名,可传参数;

4,  子iframe 修改父iframe标签中的数据:如修改父iframe中的input的值.

这个就不用说了.
window.parent.$(“#button3”).text(“ssssssssssss”);


文章 jQuery 父iframe与子iframe 相互调用传值 转载需要注明出处
喜欢 (0)

您必须 登录 才能发表评论!