iframe.contentWindow介绍

一、在使用iframe的页面，要操作这个iframe里面的DOM元素可以用：

contentWindow、contentDocument(测试的时候chrome浏览器，要在服务器环境下)

1、先获取iframe里面的window对象，再通过这个对象，获取到里面的DOM元素

例：

var ifr = document.getElementById('iframe'); //先获取到了iframe

ifr.contentWindow.document.getElementById('XXX'); //先通过ifr.contentWindow获取到iframe中的window对象，然后通过document.getElementById('XXX')，获取iframe中的DOM

注：iframe.contentWindow这里，返回的是iframe的window对象，所以后面可以接着调用document方法，再接着调用getElementByTagName。那么就可以对iframe里面的元素进行操作了。

二、在iframe本页面，要操作这个iframe的父页面的DOM元素（即嵌套这个iframe的页面）可以用：

window.parent、window.top（这里的top是获取的顶层，即有多层嵌套iframe的时候使用）

var ifr = document.getElementByTagName('iframe');

ifr.parent.document.getElementById('XXX');

三、onload事件

非IE下用法

ifr.onload = function() { //SOMETHING }

IE下，需要绑定

ifr.attachEvent('onload',function() { //something });

可以直接操作iframe的dom

iframe.contentWindow介绍相关推荐

iframe.contentWindow 介绍
参考:http://blog.csdn.net/alex8046/article/details/51456098 一.父级窗口操作iframe里的dom js操作iframe里的dom可以使用con ...
iframe详细介绍
iframe详细介绍 iframe标签介绍操作iframe 获取iframe中的内容获取iframe中的方法操作父容器 parent属性 top属性 iframe获取父容器的内容 iframe获 ...
iframe.contentWindow
1.iframe.contentWindow(主页面调用iframe) 此处的iframe是从document取得的,即作作为document的子对象出现,虽然是文档(document)对象,但由 ...
前端iframe标签介绍及使用
使用的场景: (1) 有重复的板块内容显示的时候 # 后端如果是模板渲染方式(得到页面是通过继承的形式),可以换成iframe来请求直接获取子功能页面 iframe标签的作用: iframe标签可以实 ...
iframe.contentWindow 属性：关于contentWindow和contentDocument区分
定义和用法 contentDocument 属性能够以 HTML 对象来返回 iframe 中的文档,可以通过所有标准的 DOM 方法来处理被返回的对象. 语法:frameObject.content ...
子页面调用父页面的js方法或参数（iframe.contentWindow）
子页面调用父页面的js方法或参数子页面调用父页面的参数父页面调用子页面的参数或方法相关链接子页面调用父页面的参数 window.parent.aa();//调取aa函数 window.pare ...
iframe的基本介绍与使用
一.介绍 iframe(内嵌框架)是 HTML 中一种用于将一个网页嵌入到另一个网页中的标签,它可以在一个页面中显示来自其他页面的内容.在网页中,使用<iframe>标签可以将一个网页嵌套 ...
iframe的简单介绍
一.什么是iframe? iframe也称作嵌入式框架,嵌入式框架和框架网页类似,它可以把一个网页的框架和内容嵌入在现有的网页中使用会创建包含另外一个文档的内联框架(行内框架) 二.如何使用? & ...
iframe的使用和 contentWindow、parent以及postMessage通信方式
问题: 如何进行消息通信(父发给子,子接收父的消息,也可父直接调用子的方法: 子发给父,父接收子的消息:) 如何找到指定的子或者父window(如果iframe层级过多),又如何在发送消息时不影响其他 ...

iframe.contentWindow介绍

iframe.contentWindow介绍

iframe.contentWindow介绍相关推荐

最新文章

热门文章