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

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元素

时间: 2024-10-13 00:20:08

iframe获取父、子窗口的元素和方法的相关文章

JQuery操作iframe父页面与子页面的元素与方法

JQuery操作iframe父页面与子页面的元素与方法 更新: 2011-05-05 来源: 互联网 字体:[大 中 小] - JQUERY IFRAME 下面简单使用Jquery来操作iframe的一些记录,这个使用纯JS也可以实现. 第一.在iframe中查找父页面元素的方法: $('#id', window.parent.document) 第二.在父页面中获取iframe中的元素方法: $(this).contents().find("#suggestBox") 第三.在ifr

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中 父页面和子页面查找元素的方法

从父页面中查找iframe子页面中对象的方法:JS: document.getElementById('iframe').contentWindow //查找iframe加载的页面的window对象 document.getElementById('iframe').contentWindow.document //查找iframe加载的页面的document对象 document.getElementById('iframe').contentWindow.document.body //查找

JQuery iframe页面通过parent方法操作父页面中的元素与方法(实例讲解)

1)在iframe中查找父页面元素的方法: $('#id', window.parent.document) 2)在iframe中调用父页面中定义的方法和变量: parent.method parent.value 3)实例 1.父页面 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="If

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

在不使用三大框架的情况下,iframe的使用可以做到在页面中直接引入别的页面作为当前页面的一部分,但是在iframe的使用过程中存在一些相互之间的操作 例如在iframe中获取主页面的元素,使用主页面的js中定义的方法 第一.在iframe中查找父页面元素的方法: $('#id', window.parent.document) 第二.在父页面中获取iframe中的元素方法: $(this).contents().find("#suggestBox") 第三.在iframe中调用父页面

jQuery获取父级、兄弟节点的方法

一.jQuery的父节点查找方法 $(selector).parent(selector):获取父节点 $(selector).parentNode:以node[]的形式存放父节点,如果没有父节点,则返回空数组 $(selector).parents(selector):获取祖先元素 二.jQuery的兄弟节点查找方法 $(selector).prev()   /   $(selector).previousSibling():获取上一个兄弟节点 $(selector).prevAll():获取

原生JS 获取浏览器、窗口、元素等尺寸的方法及注意事项

一.通过浏览器获得屏幕的尺寸 screen.width screen.height screen.availHeight //获取去除状态栏后的屏幕高度 screen.availWidth //获取去除状态栏后的屏幕高度 二.获取浏览器窗口内容的尺寸 //高度 window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight //宽度 window.innerWidth || doc

JS:字符串转成json数据,和json转成字符串方法 iframe获取父级传过来的数据

字符串转成json数据,和json转成字符串方法 //转为JSON adinfo=JSON.parse(adinfo) //转为字符串 adinfo=JSON.stringify(adinfo) 大概流程: var gdt_adinfo=[]; 父级页面通过接口获取的数据: this.url="http://gjs.adwo.com/gjs/gad_i?sdkVersion="+sdkVersion+"&n=1&gp="+gp; 获取数据后处理的方法

获取浏览器高度 窗口高度 元素尺寸 偏移属性

screen.width screen.height screen.availHeight //获取去除状态栏后的屏幕高度 screen.availWidth //获取去除状态栏后的屏幕高度 一.通过浏览器获得屏幕的尺寸 二.获取浏览器窗口内容的尺寸 //高度 window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight //宽度 window.innerWidth || doc