深入解析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);
}下面附一個實例,因為2345的推廣,很多導航站都將網(wǎng)址直接換成2345的推廣頁面了,那就是當前域名下獲取2345中的寬度,然后通過js設置iframe內(nèi)容的高度,這樣看起來是一個整體,核心內(nèi)容如下
iframe
<body>
<iframe id="mainFrame" onload="mainFrameLoaded(this)" scrolling="no" src="https://www.2345.com/"></iframe>
js代碼
<script>
function mainFrameLoaded(t)
{
//debugger;
//alert(t.contentWindow.document.body.offsetHeight);
t.style.height = t.contentWindow.document.body.offsetHeight + 'px';
}
</script>記住js寫在前面,iframe在后面,通過onload加載的時候就觸發(fā),完美融合。
相關文章
判斷js中各種數(shù)據(jù)的類型方法之typeof與0bject.prototype.toString講解
提醒大家,Object.prototype.toString().call(param)返回的[object class]中class首字母是大寫,像JSON這種甚至都是大寫,所以,大家判斷的時候可以都轉(zhuǎn)換成小寫,以防出錯2013-11-11
深入理解JavaScript系列(22):S.O.L.I.D五大原則之依賴倒置原則DIP詳解
這篇文章主要介紹了深入理解JavaScript系列(22):S.O.L.I.D五大原則之依賴倒置原則DIP詳解,本文講解了DIP and JavaScript、何時依賴注入等內(nèi)容,需要的朋友可以參考下2015-03-03
JavaScript設計模式開發(fā)中組合模式的使用教程
組合模式可以理解為樹狀結構,因此組合模式適合對大批對象的操作,特別是層次結構分明的,下面我們就來看看號稱面向?qū)ο蟮腏avaScript設計模式開發(fā)中組合模式的使用教程2016-05-05
JS函數(shù)實現(xiàn)動態(tài)添加CSS樣式表文件
有時會使用一些改變心情方面的想法,比如JS函數(shù)實現(xiàn)動態(tài)添加CSS樣式表文件,這樣就可以做到隨機加載心情文件,需要的朋友可以了解下2012-12-12

