欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript實(shí)現(xiàn)框架高度隨內(nèi)容改變的方法

 更新時(shí)間:2015年07月23日 15:10:28   作者:李榮飛  
這篇文章主要介紹了javascript實(shí)現(xiàn)框架高度隨內(nèi)容改變的方法,實(shí)例分析了通過父頁面及內(nèi)容改變框架高度兩種實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了javascript實(shí)現(xiàn)框架高度隨內(nèi)容改變的方法。分享給大家供大家參考。具體如下:

有兩種方法:

一、就是通過父頁面改變

這里要理解框架的兩個(gè)屬性 contentWindow 和contentDocument 兩個(gè)屬性的意思和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)容頁進(jìn)行

window.onload=function(){
  var iframe=parent.document.getElementById("iframe_id");
  //取得框架元素
  iframe.height=document.body.scrollHeight||document.documentElement.scrollHeight;
  //取得框架內(nèi)容的高度并改變
}

希望本文所述對大家的javascript程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • Javascript設(shè)計(jì)模式理論與編程實(shí)戰(zhàn)之簡單工廠模式

    Javascript設(shè)計(jì)模式理論與編程實(shí)戰(zhàn)之簡單工廠模式

    簡單工廠模式是由一個(gè)方法來決定到底要?jiǎng)?chuàng)建哪個(gè)類的實(shí)例, 而這些實(shí)例經(jīng)常都擁有相同的接口. 這種模式主要用在所實(shí)例化的類型在編譯期并不能確定, 而是在執(zhí)行期決定的情況。 說的通俗點(diǎn),就像公司茶水間的飲料機(jī),要咖啡還是牛奶取決于你按哪個(gè)按鈕
    2015-11-11
  • layer彈窗插件操作方法詳解

    layer彈窗插件操作方法詳解

    這篇文章主要介紹了layer彈窗插件操作方法,結(jié)合實(shí)例形式詳細(xì)分析了layer彈窗插件的下載、調(diào)用、設(shè)置等具體步驟與操作技巧,需要的朋友可以參考下
    2017-05-05
  • 淺談regExp的test方法取得的值變化的原因及處理方法

    淺談regExp的test方法取得的值變化的原因及處理方法

    下面小編就為大家?guī)硪黄獪\談regExp的test方法取得的值變化的原因及處理方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-03-03
  • Bootstrap零基礎(chǔ)入門教程(二)

    Bootstrap零基礎(chǔ)入門教程(二)

    Bootstrap 是一個(gè)用于快速開發(fā) Web 應(yīng)用程序和網(wǎng)站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。這篇文章主要介紹了Bootstrap零基礎(chǔ)入門教程(二) 的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起看下吧
    2016-07-07
  • 老生常談JavaScript 函數(shù)表達(dá)式

    老生常談JavaScript 函數(shù)表達(dá)式

    下面小編就為大家?guī)硪黄仙U凧avaScript 函數(shù)表達(dá)式。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-09-09
  • 犀利的js 函數(shù)集合

    犀利的js 函數(shù)集合

    和同事討論js時(shí),我說較為理想的狀態(tài)是,把js當(dāng)一把好用的匕首,隨手拿來,捅一刀子就走。話雖如此,但現(xiàn)實(shí)生活中大部分時(shí)候的情況是不理想的。
    2009-06-06
  • JavaScript 如何在瀏覽器中使用攝像頭

    JavaScript 如何在瀏覽器中使用攝像頭

    這篇文章主要介紹了JavaScript 如何在瀏覽器中使用攝像頭,幫助大家更好的理解和學(xué)習(xí)JavaScript,感興趣的朋友可以了解下
    2020-12-12
  • 從JavaScript的函數(shù)重名看其初始化方式

    從JavaScript的函數(shù)重名看其初始化方式

    從JavaScript的函數(shù)重名看其初始化方式...
    2007-03-03
  • javascript實(shí)現(xiàn)的仿51job地址多項(xiàng)選擇方式效果

    javascript實(shí)現(xiàn)的仿51job地址多項(xiàng)選擇方式效果

    分享一個(gè)類似51job方式的地址選擇效果
    2009-12-12
  • Javascript Event(事件)的傳播與冒泡

    Javascript Event(事件)的傳播與冒泡

    本文主要介紹了Event(事件)的傳播與冒泡。具有很好的參考價(jià)值,下面跟著小編一起來看下吧
    2017-01-01

最新評論