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

js實現(xiàn)的真正的iframe高度自適應(yīng)(兼容IE,FF,Opera)

 更新時間:2010年03月07日 12:15:07   作者:  
由于項目上的需要,要用一個iframe高度自適應(yīng)的功能,在google上搜了很久,找了一些修改了下。大家可以測試下。
找到了下面這個js
復制代碼 代碼如下:

function SetCwinHeight(obj)
{
var cwin=obj;
if (document.getElementById)
{
if (cwin && !window.opera)
{
if (cwin.contentDocument && cwin.contentDocument.body.offsetHeight)
cwin.height = cwin.contentDocument.body.offsetHeight + 20;
else if(cwin.Document && cwin.Document.body.scrollHeight)
cwin.height = cwin.Document.body.scrollHeight + 10;
}
}
}

然后……
進入了測試過程(調(diào)用很簡單,先略過)
1.IE ---通過 但是高度還是有稍微的差距,很小,滾動條還在
2.FF --- 通過 與IE一樣,有小差距
3.Opera --- 看那個JS的條件就知道,通不過的
但主流瀏覽器至少要通過這三項撒?。。?
于是,還是Google
搜索 各瀏覽器在處理 document.scrollHeight 或者 offsetHeigth時的特殊現(xiàn)象
發(fā)現(xiàn),Opera瀏覽器在處理iframe內(nèi)容的時候,用的是contentWindow
而處理內(nèi)容高度的時候,卻與IE一致
從而,有了下面這段js
復制代碼 代碼如下:

<html>
<head>
<script>
function SetCwinHeight(obj)
{
var cwin=obj;
if (document.getElementById)
{
if (cwin && !window.opera)
{
if (cwin.contentDocument && cwin.contentDocument.body.offsetHeight)
cwin.height = cwin.contentDocument.body.offsetHeight + 20; //FF NS
else if(cwin.Document && cwin.Document.body.scrollHeight)
cwin.height = cwin.Document.body.scrollHeight + 10;//IE
}
else
{
if(cwin.contentWindow.document && cwin.contentWindow.document.body.scrollHeight)
cwin.height = cwin.contentWindow.document.body.scrollHeight;//Opera
}
}
}
</script>
</head>
<body>
<iframe src="20103622440.html" onload="SetCwinHeight(this);" width="600px">
</body>
</html>

這樣一來,總算把這三個瀏覽器給適應(yīng)了
做為程序員,還是要細心點
再測試一下
OK...3個瀏覽器均正常顯示,也無iframe的縱向滾動條了

相關(guān)文章

  • php類中static與self的使用區(qū)別淺析

    php類中static與self的使用區(qū)別淺析

    在閱讀一些框架的源碼時發(fā)現(xiàn)了new static(),和new self(),甚是不解,后來查閱資料,才了解了,所以下面這篇文章主要給大家介紹了關(guān)于php類中static與self的使用區(qū)別的相關(guān)資料,需要的朋友可以參考下
    2021-06-06
  • 在uniapp中如何去掉一些不想要的權(quán)限

    在uniapp中如何去掉一些不想要的權(quán)限

    在uniapp中,云打包以后會自動增加一個電話權(quán)限,并且在manifest.json里面也沒有添加這個權(quán)限,怎么添加都添加不上,下面小編給大家分享在uniapp中如何去掉一些不想要的權(quán)限,感興趣的朋友跟隨小編一起看看吧
    2024-03-03
  • JavaScript中如何計算字符串文本的寬度

    JavaScript中如何計算字符串文本的寬度

    這篇文章主要介紹了JavaScript中如何計算字符串文本的寬度問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-02-02
  • JavaScript中變量、指針和引用功能與操作示例

    JavaScript中變量、指針和引用功能與操作示例

    這篇文章主要介紹了JavaScript中變量、指針和引用功能與操作,結(jié)合實例形式分析了javascript變量、指針與引用的功能、使用方法及相關(guān)操作注意事項,需要的朋友可以參考下
    2018-08-08
  • 原生js實現(xiàn)2048小游戲

    原生js實現(xiàn)2048小游戲

    這篇文章主要為大家詳細介紹了原生js實現(xiàn)2048小游戲,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-03-03
  • JS寫的貪吃蛇游戲(個人練習)

    JS寫的貪吃蛇游戲(個人練習)

    本文為大家介紹的是使用JS寫的貪吃蛇游戲,個人練習之用,感興趣的額朋友可以參考下哈,希望對大家學習js有所幫助
    2013-07-07
  • javascript實現(xiàn)圖片自動和可控的輪播切換特效

    javascript實現(xiàn)圖片自動和可控的輪播切換特效

    這篇文章主要介紹了javascript實現(xiàn)圖片自動和可控的輪播切換特效,效果非常的棒,推薦給大家,有需要的小伙伴可以參考下。
    2015-04-04
  • html+js實現(xiàn)簡單的計算器代碼(加減乘除)

    html+js實現(xiàn)簡單的計算器代碼(加減乘除)

    下面小編就為大家?guī)硪黄猦tml+js實現(xiàn)簡單的計算器代碼(加減乘除)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-07-07
  • js中net::ERR_FILE_NOT_FOUND報錯的解決

    js中net::ERR_FILE_NOT_FOUND報錯的解決

    本文主要介紹了js中net::ERR_FILE_NOT_FOUND報錯的解決,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2023-07-07
  • 一個JavaScript操作元素定位元素的實例

    一個JavaScript操作元素定位元素的實例

    操作元素定位元素,大家會想到使用js來實現(xiàn),下面有個不錯的示例,大家可以看看
    2014-10-10

最新評論