javascript實現(xiàn)框架高度隨內(nèi)容改變的方法
更新時間：2015年07月23日 15:10:28 作者：李榮飛
這篇文章主要介紹了javascript實現(xiàn)框架高度隨內(nèi)容改變的方法,實例分析了通過父頁面及內(nèi)容改變框架高度兩種實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了javascript實現(xiàn)框架高度隨內(nèi)容改變的方法。分享給大家供大家參考。具體如下：
有兩種方法：
一、就是通過父頁面改變
這里要理解框架的兩個屬性 contentWindow 和contentDocument 兩個屬性的意思和window document意思差不多，不同的是contentWindow 所有瀏覽器都支持，contentDocument ie6,7不支持，chrome 也不支持
<iframe onload="change_height()"></iframe>
function change_height(){
var iframe=document.getElementById("iframe_id");
//取得框架元素
var i_height=iframe.contentWindow.document.body.scrollHeight||iframe.contentWindow.document.documentElement.scrollHeight;
//取得框架內(nèi)容的高度
iframe.height=i_height;
//改變
}
二、就是通過內(nèi)容改變
在內(nèi)容頁進行
window.onload=function(){
var iframe=parent.document.getElementById("iframe_id");
//取得框架元素
iframe.height=document.body.scrollHeight||document.documentElement.scrollHeight;
//取得框架內(nèi)容的高度并改變
}
希望本文所述對大家的javascript程序設計有所幫助。
相關文章
Javascript設計模式理論與編程實戰(zhàn)之簡單工廠模式
簡單工廠模式是由一個方法來決定到底要創(chuàng)建哪個類的實例, 而這些實例經(jīng)常都擁有相同的接口. 這種模式主要用在所實例化的類型在編譯期并不能確定， 而是在執(zhí)行期決定的情況。 說的通俗點，就像公司茶水間的飲料機，要咖啡還是牛奶取決于你按哪個按鈕2015-11-11
這篇文章主要介紹了layer彈窗插件操作方法,結(jié)合實例形式詳細分析了layer彈窗插件的下載、調(diào)用、設置等具體步驟與操作技巧,需要的朋友可以參考下2017-05-05
下面小編就為大家?guī)硪黄獪\談regExp的test方法取得的值變化的原因及處理方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
Bootstrap 是一個用于快速開發(fā) Web 應用程序和網(wǎng)站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。這篇文章主要介紹了Bootstrap零基礎入門教程(二) 的相關資料，非常不錯，具有參考借鑒價值，感興趣的朋友一起看下吧2016-07-07
下面小編就為大家?guī)硪黄仙Ｕ凧avaScript 函數(shù)表達式。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
和同事討論js時，我說較為理想的狀態(tài)是，把js當一把好用的匕首，隨手拿來，捅一刀子就走。話雖如此，但現(xiàn)實生活中大部分時候的情況是不理想的。2009-06-06
這篇文章主要介紹了JavaScript 如何在瀏覽器中使用攝像頭，幫助大家更好的理解和學習JavaScript，感興趣的朋友可以了解下2020-12-12
從JavaScript的函數(shù)重名看其初始化方式...2007-03-03
javascript實現(xiàn)的仿51job地址多項選擇方式效果
分享一個類似51job方式的地址選擇效果2009-12-12
本文主要介紹了Event（事件）的傳播與冒泡。具有很好的參考價值，下面跟著小編一起來看下吧2017-01-01