contentWindow和contentDocument

【contentDocument】

W3C的标准告诉我们,可以通过Dom对象的contentDocument属性来返回文档对象。
doc= document.getElementById(‘J_mainframe‘ ).contentDocument
IE6,IE7都不支持,IE8开始支持,需要如此访问 document.frames[‘J_mainframe‘].document;

【contentWindow】
contentWindow属性,这是个只读属性,返回指定的iframe的窗口对象。
它虽然不是标准的一部分,但各个主流浏览器都支持。

时间: 2024-10-13 01:08:54

contentWindow和contentDocument的相关文章

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

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

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

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

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

Web前端之iframe详解

iframe基本内涵 通常我们使用iframe直接直接在页面嵌套iframe标签指定src就可以了. <iframe src="demo_iframe_sandbox.htm"></iframe> 但是,有追求的我们,并不是想要这么low的iframe. 我们来看看在iframe中还可以设置些什么属性 iframe常用属性: 1.frameborder:是否显示边框,1(yes),0(no) 2.height:框架作为一个普通元素的高度,建议在使用css设置.

JavaScript----marquee滚动标签 图片无缝滚动 插入百度地图

页面的自动滚动效果,可由javascript来实现, 但是有一个html标签 - <marquee></marquee>可以实现多种滚动效果,无需js控制. 使用marquee标记不仅可以移动文字,也可以移动图片,表格等. 语法:<marquee>...</marquee>: 说明:在标记之间添加要进行滚动的内容. 重要属性: 1.滚动方向direction(包括4个值:up. down. left和 right) 语法:<marquee direct

js实现代码类似w3School演示效果

<!DOCTYPE html> <html> <head> <title>代码演示</title> <meta charset="utf-8"> </head> <body> <!--简单的代码演示效果器 --> <textarea id="J_textarea"></textarea> <button id="subm

jQuery源码

/*! * jQuery JavaScript Library v1.8.3 * http://jquery.com/ * * Includes Sizzle.js * http://sizzlejs.com/ * * Copyright 2012 jQuery Foundation and other contributors * Released under the MIT license * http://jquery.org/license * * Date: Tue Nov 13 20

侧栏工具条开发

我们能学到什么 1.使用Sass更好的书写CSS 2.使用RequireJS进行模块化开发,编写出方便复用的代码 3.使用CSS3实现简单的动画效果 ########################################################################################## 使用Sass编写css Sass的基础知识 将sass编译成css -- koala工具的使用 http://koala-app.com/index-zh.html 在

js控制TR的显示影藏

在很多现实的场景中,有的文本框我们希望在选择“是”的按钮之后才出现,这就需要js控制TR的隐藏和显示,(div的影藏显示类似) 以下是一段选择是的按钮就显示身高和体重的文本框的代码.注意:ready方法必须要引用jquery的库. 1.html Code <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <