码迷,mamicode.com
首页 > 其他好文 > 详细

iframe获取父、子窗口的元素和方法

时间:2017-09-06 14:29:13      阅读:231      评论:0      收藏:0      [点我收藏+]

标签:页面   frame   js调用   子页面   jquery   调用   element   访问   ref   

jQuery、js调用iframe父窗口与子窗口元素的方法(亲测有效)
子页面获取父页面的id=care的子页面
parent.care.location.reload();
父页面获取id=imp的子页面
imp.location.reload();
1. jquery在iframe子页面获取父页面元素和方法代码如下:
parent.$("selector");
parent.method();
 
2. jquery在父页面获取iframe子页面的元素和方法
代码如下:
iframe.$("select");
iframe.method();
 
3.js在iframe子页面获取父页面元素代码如下:
window.parent.document.getElementById("元素id");
 
4.js在父页面获取iframe子页面元素代码如下:
window.frames["iframe_ID"].document.getElementById("元素id");
 
方法调用
父页面调用子页面方法:FrameName.window.childMethod();
子页面调用父页面方法:parent.window.parentMethod();
 
DOM元素访问
获取到页面的window.document对象后,即可访问DOM元素

iframe获取父、子窗口的元素和方法

标签:页面   frame   js调用   子页面   jquery   调用   element   访问   ref   

原文地址:http://www.cnblogs.com/BlingSun/p/7484237.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!