谈谈contentWindow 和contentDocument以及 iframe

【谈谈contentWindow 和contentDocument以及 iframe】的更多相关文章

谈谈contentWindow 和contentDocument以及 iframe

1,contentWindow:是用来获取子窗口的window对象的,它兼容各大浏览器,用法如下 document.getElementById("iframeId").contentWindow 这样简单的一句就得到了iframe包含页面的window对象: 2,contentDocument:是用来获取子窗口的document对象的,主流浏览器都支持和ie8+支持,用法如下 document.getElementById("iframeId").contentD…

contentWindow 和contentDocument区别及iframe访问

a>contentWindow 兼容各个浏览器,可取得子窗口的 window 对象. b>contentDocument Firefox 支持,> ie8 的ie支持.可取得子窗口的 document 对象. 兼容获取document对象: var getIFrameDoc = function(){ var iobj = document.createElement("iframe"); document.getElementsByTagName("bod…

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

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

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

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

javascript 中contentWindow和 frames和iframe之间通信

iframe父子兄弟之间通过jquery传值(contentWindow && parent),iframe的调用包括以下几个方面:(调用包含html dom,js全局变量,js方法) 主页面调用iframe: iframe页面调用主页面: 主页面的包含的iframe之间相互调用: 主要知识点 1:document.getElementById("ii").contentWindow 得到iframe对象后,就可以通过contentWindow得到iframe包含页面的…

iframe.contentWindow介绍

一.在使用iframe的页面,要操作这个iframe里面的DOM元素可以用: contentWindow.contentDocument(测试的时候chrome浏览器,要在服务器环境下) 1.先获取iframe里面的window对象,再通过这个对象,获取到里面的DOM元素例: var ifr = document.getElementById('iframe'); //先获取到了iframe ifr.contentWindow.document.getElementById('XXX'); …

iFrame 功能详解

目录索引: 一. 简介二. 属性三. 功能四. 应用一.简介网页“帧”的概念最早是由Netscape所提出,当时全部由“帧”构成的页面,也被称之为 “框架集”页面,在一个“框架集”页面中,“帧” 是其最小构成单位,每个帧都是一个窗口,用于实现在一个框架集页面中载入许多其它页面.而且,W3C也为其推出了三种文档类型之一的框架型: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://ww…

关于iframe

iframe一般用来嵌套其他页面来使用 1.如何使用? <iframe id="iframe1" src="2.html" frameborder="0" width="1000" height="300"></iframe> src-定义引入的页面地址:width,height-定义iframe宽高: 2.父页面如何跟iframe的子页面通讯? // 找到iframe元素 var…

iframe高度自适应

前两天在网上看到了一道面试题,问iframe高度自适应的问题.发现自己之前几乎没有关注过iframe的问题,所以在这里记录一下. 原题目是: 页面A的域名是:http://www.taobao.com,页面B的域名是http://www.tmall.com,如果A使用iframe引用页面B,如何做到iframe的高度自适应(即B内容有多高,iframe就有多高) 在这里首先分析一下如果不涉及跨域或者只是主域相同,子域不同的情况下的解决方案: 父页面代码: <!DOCTYPE html> <…

javascript获取iframe框架中页面document对象,获取子页面里面的内容,iframe获取父页面的元素,

javascript获取iframe框架中,加载的页面document对象因为浏览器安全限制,对跨域访问的页面,其document对象无法读取.设置属性 function getDocument(iframe) { var Doc; try{ Doc = iframe.contentWindow.document;// For IE5.5 and IE6 } …