iframe中操作主体页面的元素,方法

Posted wyongz

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iframe中操作主体页面的元素,方法相关的知识,希望对你有一定的参考价值。

在不使用三大框架的情况下,iframe的使用可以做到在页面中直接引入别的页面作为当前页面的一部分,但是在iframe的使用过程中存在一些相互之间的操作

例如在iframe中获取主页面的元素,使用主页面的js中定义的方法

第一、在iframe中查找父页面元素的方法:

$(‘#id‘, window.parent.document)

第二、在父页面中获取iframe中的元素方法:

$(this).contents().find("#suggestBox")

 

第三、在iframe中调用父页面中定义的方法和变量:

parent.method parent.value

 

JQUERY、JS调用IFRAME父窗口与子窗口元素的方法

1. jquery 在iframe子页面获取父页面元素代码如下:

$("#objid", parent.document)

2. jquery在父页面 获取iframe子页面的元素 代码如下:

$("#objid",document.frames(‘iframename‘).document)

3.js 在iframe子页面获取父页面元素代码如下:

indow.parent.document.getElementByIdx_x("元素id");

4.js 在父页面获取iframe子页面元素代码如下:

window.frames["iframe_ID"].document.getElementByIdx_x("元素id");

5.子类iframe内调用父类函数:

window.parent.func();
 

以上是关于iframe中操作主体页面的元素,方法的主要内容,如果未能解决你的问题,请参考以下文章

如何获取页面iframe元素内容的高、宽?

学习Selenium元素定位--多表单切换

父子页面之间元素相互操作(iframe子页面)

操作Frame和IFrame中页面元素

ios上网页iframe里,把页面下拉,进行元素的隐藏显示和增删节点的dom操作页面会瞬间回到顶部

转 easyUI的iframe子页面操作父页面元素