iframe高度相关知识点整理

IFRAME 元素也就是文档中的文档.
contentWindow属性是指指定的frame或者iframe所在的window对象.

用iframe嵌套页面是,如果父页面要获取子页面里面的内容,可以使用contentWindow或者contentDocument,其区别如下:
a) contentWindow 这是个只读属性,返回指定的iframe的窗口对象。它虽然不是标准的一部分,但各个主流浏览器都支持。

b) contentDocument Firefox 支持,IE6,IE7都不支持,IE8开始支持,需要如此访问document.frames['J_mainframe'].document。


body是DOM对象里的body子节点,即 <body> 标签;
documentElement 是整个节点树的根节点root,即<html> 标签;
没使用DTD情况即怪异模式BackCompat下:

document.documentElement.clientHeight=0document.body.clientHeight=618 
使用DTD情况即标准模式CSS1Compat下:
document.documentElement.clientHeight=618 document.body.clientHeight=28  //表示内容的高度
使用document.compatMode == "BackCompat" 判断页面模式

iframe相关高度详解:


posted on 2017-05-31 09:41  菜鸟Z  阅读(186)  评论(0编辑  收藏  举报

导航