深入解析contentWindow, contentDocument_基础知识

生活永远是一个大染缸,一块白布下去,黑布出来,一块黑布下去,一块七色布出来。
contentWindow 兼容各个浏览器,可取得子窗口的 window 对象。
contentDocument Firefox 支持,> ie8 的ie支持。可取得子窗口的 document 对象。
在子级iframe设置 父级 iframe ,或 孙级 iframe 高度。

复制代码 代码如下:

function showIframeH(){
    var parentWin = parent.document.getElementById("test");
    if(!parentWin) return false;
    var sub = parentWin.contentWindow.document.getElementById("test2");
    if(!sub) return false;
    var thirdHeight = sub.contentWindow.document.body.offsetHeight; //第三层 body 对象
    sub.height = thirdHeight; //设置第二层 iframe 的高度
    var secondHeight = x.contentWindow.document.body.offsetHeight; //第二层 body 对象
    x.height = secondHeight; //设置第一层 iframe 的高度
    //alert(secondHeight);
    //alert('body: ' + x.contentDocument.body.offsetHeight + ' div:' + thirdHeight);
}

时间: 2024-12-19 18:11:09

深入解析contentWindow, contentDocument_基础知识的相关文章

photoshop的基础知识和工具的使用技巧经验

给各位photoshop软件的使用者们来详细的解析分享一下基础知识和工具的使用技巧经验. 分享一览: photoshop是Adobe公司旗下最为出名的图像处理软件之一,集图像扫描.编辑修改.图像制作.广告创意,图像输入与输出于一体的图形图像处理软件,深受广大平面设计人员和电脑美术爱好者的喜爱. 广泛应用于彩色印刷.广告设计.图像处理.网页设计.三维动画以及影像特技制作等诸多领域,成为国际平面设计的重要标准技术. photoshop功能上分为图像编辑.校色调色.图像合成及特效制作.   基本概念释

photoshop的基础知识和工具的使用心得

给各位photoshop软件的使用者们来详细的解析分享一下基础知识和工具的使用心得. 心得分享: photoshop是Adobe公司旗下最为出名的图像处理软件之一,集图像扫描.编辑修改.图像制作.广告创意,图像输入与输出于一体的图形图像处理软件,深受广大平面设计人员和电脑美术爱好者的喜爱. 广泛应用于彩色印刷.广告设计.图像处理.网页设计.三维动画以及影像特技制作等诸多领域,成为国际平面设计的重要标准技术. photoshop功能上分为图像编辑.校色调色.图像合成及特效制作.   基本概念释义

js选择器全面解析_基础知识

原生JS选择器有getElementById.getElementsByName.getElementsByTagName和getElementsByClassName这四个,下面我就一个一个介绍这四个选择器的用法. 1.getElementById(通过ID获取元素) 用法:document.getElementById("Id");Id为要获取的元素的id属性值. 2.getElementsByName(通过name属性获取元素) 用法:document.getElementsBy

设计师应该了解的Beacon基础知识 – 交互体验解析

Beacon是什么,很棒.接下来的问题是,作为设计师,我们能做些什么?我们能在这种技术平台上打造怎样的交互体验? 我和我的搭档Nick Urban决定把这个问题拆解,将Beacon涉及到的交互模式进行分割,以一种清晰的.尽可能非技术化的方式把其中的每个方面都搞清楚. 我们认为,这种方式也能帮我们更好的评估Beacon技术带来的各种可能性,而不只是将目光局限在零售/优惠券等等方面的情景当中. 我们希望本文能够对以下这些人有所帮助:产品人员.设计师.开发者.满脑子疯狂创意的硬件创业者-基本上,就是所

photoshop颜色基础知识和配色理论解析分享

给各位photoshop软件的使用者们来详细的解析分享一下颜色基础知识和配色理论. 解析分享: 颜色基础知识 打开你的Photoshop,新建文档,有两个非常重要的选项,一个是颜色模式(位图/灰度/RGB颜色/CMYK颜色),一个是位数(1位/8位/16位/32位).   什么是颜色模式? 新建一个文档,选择颜色模式为:位图和1位(为什么其它位不能选择?请往下看).   选择"窗口"-"颜色"(或者直接按F6),调出颜色面板:   把K值(灰度值用K表示)拉到50%

Bootstrap页面布局基础知识全面解析_javascript技巧

Bootstrap作为支持响应式布局的一个前端插件,确实发挥着重要的作用,无论你是在手机,平板还是PC上浏览网页,都能达到不错的效果,这一切一切,都是bootstrap带给我们的! 今天主要说下页面的布局,这是最基础的东西了,当我们设计一个站点时,应该为它设计一个全局性的统一的规范页面,这种页面我们叫它布局页,而在页面上体现出来的东西,就是布局的元素,在bootstrap里当然也是不可缺少的东西. Bootstrap的布局是一种栅格系统,即它由行和列组成,在使用时需要为页面内容和栅格系统包裹一个

网络基础知识大讲堂:最新的SDN架构解析

在上期<网络基础知识大讲堂>中,我们将SDN回归到最初的本质,介绍了最初.也是最基本的SDN架构.而今天,我们将重点聊聊开放网络基金会ONF在2016年最新发布的<SDN Architecture Issue 1.1>白皮书中对SDN概念的新理解,以及新的SDN架构. SDN已经成为网络发展的必然趋势 作为SDN领域最重要的标准组织之一,ONF认为SDN首先要满足3大基本原则:第一,流量转发平面和控制平面解耦:第二,逻辑上实现集中控制:第三,实现网络可编程服务. ONF最早开始推动

CSS基础知识解析

一.基础知识 1.1 CSS组成 css 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示: 选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响. 声明:在英文大括号"{}"中的的就是声明,属性和值之间用英文冒号":"分隔.当有多条声明时,中间可以英文分号";"分隔,如下所示 p{font-size:12px;color:red;} 注意:1.最后一条声

Java核心技术 卷Ⅰ 基础知识(原书第10版)

Java核心技术系列 Java核心技术 卷Ⅰ 基础知识 (原书第10版) Core Java Volume I-Fundamentals (10th Edition) [美] 凯S.霍斯特曼(Cay S. Horstmann) 著 周立新 陈 波 叶乃文 邝劲筠 杜永萍 译 图书在版编目(CIP)数据 Java核心技术 卷Ⅰ 基础知识(原书第10版) / (美)凯S. 霍斯特曼(Cay S. Horstmann)著:周立新等译. -北京:机械工业出版社,2016.8 (Java核心技术系列) 书