contentWindow,

a>contentWindow 兼容各个浏览器,可取得子窗口的 window 对象。
b>contentDocument Firefox 支持,> ie8 的ie支持。可取得子窗口的 document 对象。

兼容获取document对象:
var getIFrameDoc = function(){
var iobj = document.createElement("iframe");
document.getElementsByTagName("body")[0].appendChild(iobj);
return iobj.contentDocument || iobj.contentWindow.document;
}

基本使用:
1)document.getElementById("myiframe").contentWindow 得到iframe对象后,就可以通过contentWindow得到iframe包含页面的window对象,然后就可以正常访问页面元素了;
2)$("#myiframe")[0].contentWindow jquery选择器获得iframe,先把jquery对象转换为DOM对象,或者使用get()方法转换;
3)$("#myiframe")[0].contentWindow.$("#dd").val() 可以在得到iframe的window对象后接着使用jquery选择器进行页面操作;
4)$("#myiframe")[0].contentWindow.username="zhangsan"; 可以通过这种方式向iframe页面传递参数,在iframe页面window.username就可以获取到值,username是自定义的全局变量;
5)在iframe页面通过parent可以获得主页面的window,接着就可以正常访问父亲页面的元素了;
7)parent.$("#frame_A")[0].contentWindow.document.getElmentById("#frame_B"); 同级iframe页面之间调用,需要先得到父亲的window,然后调用同级的iframe得到window进行操作;

时间: 2024-10-31 17:50:08

contentWindow,的相关文章

iframe父子兄弟之间调用传值(contentWindow && parent)

iframe的调用包括以下几个方面:(调用包含html dom,js全局变量,js方法) 主页面调用iframe: iframe页面调用主页面: 主页面的包含的iframe之间相互调用: 主要知识点 1:document.getElementById("ii").contentWindow 得到iframe对象后,就可以通过contentWindow得到iframe包含页面的window对象,然后就可以正常访问页面元素了: 2:$("#ii")[0].content

contentWindow,contentDocument, docuemnt ,window,self,top,parent,opener的关系

前言 最近又开始开发公司的后台管理系统,由于整个页面的架构是通过iframe来进行区域划分,所以经常需要通过 父窗口来调用子窗口方法或者子窗口获取父窗口变量等窗口的情况,所以整理一下相关的用法,避免遗忘! 一.top,parent,self,window,opener之间的区别和关系 self: 当前窗口的引用 与winow,window.self等价. top: 顶层窗口对像 与window.top等价:如果窗口本身就处于顶层,则top与window,window.top对象等价. paren

关于iframe的contentDocument和contentWindow

contentDocument是获得iframe子窗口的document对象,但兼容ff和ie8+ contentWindow是获得子窗口的window对象,兼容大部分浏览器,contentWindow.document才是获得document对象 所以获得iframe内容时一般兼容性写法是这样的  (iframe.contentDocument||iframe.contentWindow.document).body.innerHTML 关于iframe的contentDocument和con

window对象(contentWindow)

IFRAME IFRAME 元素是文档中的文档 window 对象 浏览器会在其打开一个 HTML 文档时创建一个对应的 window 对象.如果一个文档定义了一个或多个框架(即,包含一个或多个 frame 或 iframe 标签),浏览器就会为原始文档创建一个 window 对象,再为每个框架创建额外的 window 对象.这些额外的对象是原始窗口的 子窗口,可能被原始窗口中发生的事件所影响.如果想要创建新窗口(以及对应的 window 对象),可以使用像 open, showModalDia

contentWindow和contentDocument

[contentDocument] W3C的标准告诉我们,可以通过Dom对象的contentDocument属性来返回文档对象.doc= document.getElementById('J_mainframe' ).contentDocumentIE6,IE7都不支持,IE8开始支持,需要如此访问 document.frames['J_mainframe'].document; [contentWindow]contentWindow属性,这是个只读属性,返回指定的iframe的窗口对象.它虽

iframe父子页面操作-比较好用的两个方法-window.parent/oframe.contentWindow.document

发现比较好用的iframe父子页面操作方法,记录一下 1.父页面 test.html <iframe id="iframe1" src="iframe.html"></iframe> 获取iframe    var oframe = document.getElementById("main") 获取子页面  var child =  oframe.contentWindow.document 获取子页面元素      v

各浏览器Iframe对contentWindow、contentDocument、document及frames属性测试

  Iframe易于嵌套及管理页面,但经常遇到跨域.父子页面访问问题,对于子页面访问父页面可以兼容性地通过window.Top或window.Parent或window.frameElement等操作,但对于标题中四个对象,一直没有完整测试过,故买个苦力,分享给大家. 结论: 1. 就浏览器而言(横向),IE8/IE9/360安全浏览器全部支持: 2. 就属性而言(纵向),contentWindow和frames所有浏览器都支持,其次是contentDocument,document支持性最差:

IFrame与window对象(contentWindow)

var detialIframe=document.all("detialIframe"); 此处的IFrame是从document取得的,即作作为document的子对象出现,虽然是文档(document)对象,但由于它是独立的页面,因而拥有自己的事件,拥有自己的窗口对象(contentWindow); Window.detialIframe 或Window.frames(detialIframe)将直接取得IFrame的Window对象 IFRAME IFRAME 元素也就是文档中

iframe.contentWindow 属性:关于contentWindow和contentDocument区分

定义和用法 contentDocument 属性能够以 HTML 对象来返回 iframe 中的文档,可以通过所有标准的 DOM 方法来处理被返回的对象. 语法:frameObject.contentWindow,或者 iframeObject.contentWindow(不是jquery对象) 用iframe嵌套页面时,如果父页面要获取子页面里面的内容,可以使用contentWindow或者contentDocument,其区别如下: 1.contentWindow  这是个只读属性,返回指定