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

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)之簡單工廠模式

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

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

    layer彈窗插件操作方法詳解

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

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

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

    Bootstrap零基礎入門教程(二)

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

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

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

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

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

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

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

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

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

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

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

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

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

最新評論