iframe子页面获取父页面元素,或父页面获取iframe子页面的元素

用JS或jquery访问页面内的iframe,兼容IE/FF 注意:框架内的页面是不能跨域的!

在父窗口中获取iframe中的元素

格式：window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click();
实例：window.frames["ifm"].document.getElementById("btnOk").click(); 格式：
document.getElementById("iframe的ID").contentWindow.document.getElementById("iframe中控件的ID").click();
实例：
var obj=document.getElementById("ifm").contentWindow;
var ifmObj=obj.document.getElementById("btnOk");
ifmObj.click();

2. 在iframe中获取父窗口的元素

格式：window.parent.document.getElementById("父窗口的元素ID").click();
实例：window.parent.document.getElementById("btnOk").click();

jQuery

在父窗口中获取iframe中的元素

格式：$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1
实例：$("#ifm").contents().find("#btnOk").click();//jquery 方法1 格式：$("#iframe中的控件ID",document.frames("frame的name").document).click();//jquery 方法2
实例：$("#btnOk",document.frames("ifm").document).click();//jquery 方法2 实例3：$(window.frames["iframe1"].document).find("input:radio").attr("checked","true");

在iframe中获取父窗口的元素

格式：$('#父窗口中的元素ID', parent.document).click();
实例：$('#btnOk', parent.document).click(); 实例2: $(window.parent.document).find("input:radio").attr("checked","true");

子窗口中调用父窗口中的另一个子窗口的方法(FRAME) parent.frames["Main"].Fun();
父 html 调用子 iframe 内方法: document.getElementById("iframeID").contentWindow.func(data1,data2...);
子 Iframe 中调用父html中方法: parent.func(data1,data2...)

iframe子页面获取父页面元素,或父页面获取iframe子页面的元素相关推荐

php退出页面父元素,jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码...
iframe和弹窗这些词对于js高手来说都是耳熟能详的东西,作为一个新人来说,还在学习阶段的我就在工作中遇到这么一个奇葩的需求,要在引入的iframe页面里做一个全屏化的功能. 粗略一看,这还不容易, ...
layui 子页面写弹出框覆盖父页面，以及给弹框中的表单赋值
咋说呢,因为对 layui 不太熟悉,这个弹出框搞了好久,看了好多解决方案,大致尝试了一下其中几种,在坑中无法自拔...总之终于搞出来了,在这里分享一下我的笔记. 着急的直接戳这里看解决代码. 尝 ...
vue 子页面调用父页面的参数_js父页面调用子页面数据时，子页面通过父页面传过来的参数回调父页面具体方法_html/css_WEB-ITnose...
今天写代码时发现同一页面多个地方需要调用同一个子页面,如果多个方法调用时,同一子页面回调父页面方法则会出问题,所以查了下资料,让这个功能通用化,根据具体方法回调具体父页面方法,顺便总结一下,希望以后可 ...
获取html元素的位置,如何获取页面元素的位置
背景:最近在商品列表项目迭代中,需要在商品列表底部增加一个分销商品广告位,另外接收到一个产品曝光度的埋点需求,需要知道产品出现在用户视口后在进行数据统计! 基于虚拟 DOM 数据驱动的思想,最不提倡的 ...
vue 子页面调用父页面的参数_Flutter子组件调用父组件方法修改父组件参数
子组件调用父级组件方法的主要实现是父组件给子组件传入一个方法,然后在子组件中调用父级方法来修改父级的参数.看一下效果图父级组件实现在父级组件中写一个_editParentText的方法来修改组件中 ...
jQuery中兄弟元素、子元素和父元素的获取
我们这里主要总结jQuery中对某元素的兄弟元素.子元素和父元素的获取,原声的Javascript代码对这些元素的获取比较麻烦一些,而jQuery正好对这些方法进行封装,让我们更加方便的对这些元素进行 ...
获取子元素上面父元素中最大的z-index(z-index在chrome的兼容问题)
页面:<div id="a" style="z-index: 200; height: 200px; color: #f00; "> <div ...
Vue中获取当前点击元素的父元素、子元素、兄弟元素
Vue如何获取当前点击元素? 获取父元素.子元素.兄弟元素呢? 通过帮定点击事件: 例如: <button class="shanchu" @click="shan ...
JS获取节点的兄弟，父级，子级元素
先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比. JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素 < ...

iframe子页面获取父页面元素,或父页面获取iframe子页面的元素

iframe子页面获取父页面元素,或父页面获取iframe子页面的元素相关推荐

最新文章

热门文章