Heim >Web-Frontend >js-Tutorial >深入解析contentWindow, contentDocument_基础知识

深入解析contentWindow, contentDocument_基础知识

WBOY
WBOYOriginal
2016-05-16 17:30:111975Durchsuche

生活永远是一个大染缸,一块白布下去,黑布出来,一块黑布下去,一块七色布出来。
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);
}

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn