DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> 深入解析contentWindow, contentDocument
深入解析contentWindow, contentDocument
編輯:JavaScript綜合知識     
沒有永恆的技術只有變態的需求,沒有好說的客戶只有無奈的開發者,如果iframe的出現是一個錯誤的話,iframe裡邊在來一個iframe那是錯上加錯,神話沒有在遠古的塵囂中消失,卻在懷具的今天不斷上演  

生活永遠是一個大染缸,一塊白布下去,黑布出來,一塊黑布下去,一塊七色布出來。
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);
}
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved