最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

如何實現(xiàn)iframe(嵌入式幀)的自適應(yīng)高度

 更新時間:2006年07月26日 00:00:00   作者:  
好幾次看到有人提問問到如何實現(xiàn) iframe 的自適應(yīng)高度,能夠隨著頁面的長度自動的適應(yīng)以免除頁面和 iframe 同時出現(xiàn)滾動條的現(xiàn)象,剛好我在工作中也碰到了類似問題,于是上網(wǎng)翻查,東抄抄西看看,弄出來這么一個函數(shù),貼到頁面里面就能用了。不敢獨享,大家要是覺得有用,歡迎使用

源代碼如下
復(fù)制代碼 代碼如下:

<script type="text/javascript">
 //** iframe自動適應(yīng)頁面 **//

 //輸入你希望根據(jù)頁面高度自動調(diào)整高度的iframe的名稱的列表
 //用逗號把每個iframe的ID分隔. 例如: ["myframe1", "myframe2"],可以只有一個窗體,則不用逗號。

 //定義iframe的ID
 var iframeids=["test"]

 //如果用戶的瀏覽器不支持iframe是否將iframe隱藏 yes 表示隱藏,no表示不隱藏
 var iframehide="yes"

 function dyniframesize() 
 {
  var dyniframe=new Array()
  for (i=0; i<iframeids.length; i++)
  {
   if (document.getElementById)
   {
    //自動調(diào)整iframe高度
    dyniframe[dyniframe.length] = document.getElementById(iframeids[i]);
    if (dyniframe[i] && !window.opera)
    {
     dyniframe[i].style.display="block"
     if (dyniframe[i].contentDocument && dyniframe[i].contentDocument.body.offsetHeight) //如果用戶的瀏覽器是NetScape
      dyniframe[i].height = dyniframe[i].contentDocument.body.offsetHeight; 
     else if (dyniframe[i].Document && dyniframe[i].Document.body.scrollHeight) //如果用戶的瀏覽器是IE
      dyniframe[i].height = dyniframe[i].Document.body.scrollHeight;
    }
   }
   //根據(jù)設(shè)定的參數(shù)來處理不支持iframe的瀏覽器的顯示問題
   if ((document.all || document.getElementById) && iframehide=="no")
   {
    var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])
    tempobj.style.display="block"
   }
  }
 }

 if (window.addEventListener)
 window.addEventListener("load", dyniframesize, false)
 else if (window.attachEvent)
 window.attachEvent("onload", dyniframesize)
 else
 window.onload=dyniframesize
</script>


使用的時候只要貼在<head></head>里面就可以了

相關(guān)文章

  • javascript解析json數(shù)據(jù)的3種方式

    javascript解析json數(shù)據(jù)的3種方式

    這篇文章主要介紹了解析json數(shù)據(jù)的3種方式,需要的朋友可以參考下
    2014-05-05
  • 打開新窗口關(guān)閉當(dāng)前頁面不彈出關(guān)閉提示js代碼

    打開新窗口關(guān)閉當(dāng)前頁面不彈出關(guān)閉提示js代碼

    打開新窗口關(guān)閉當(dāng)前頁面時總是彈出提示框,有沒有辦法避免它的彈出呢,答案是可以的接下來為大家分享一個方法可以解決此問題,感興趣的你可不要錯過了哈,希望可以幫助到你
    2013-03-03
  • 微信開發(fā) js實現(xiàn)tabs選項卡效果

    微信開發(fā) js實現(xiàn)tabs選項卡效果

    這篇文章主要介紹了微信開發(fā)的學(xué)習(xí)筆記,js實現(xiàn)tabs選項卡效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-10-10
  • webpack自動打包和熱更新的實現(xiàn)方法

    webpack自動打包和熱更新的實現(xiàn)方法

    這篇文章主要介紹了webpack自動打包和熱更新的實現(xiàn)方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-06-06
  • JavaScript評論點贊功能的實現(xiàn)方法

    JavaScript評論點贊功能的實現(xiàn)方法

    通過分析評論功能的邏輯關(guān)系,學(xué)會如何使用JavaScript實現(xiàn)評論、回復(fù)、點贊等各種功能。這篇文章主要介紹了JavaScript評論點贊功能的實現(xiàn)方法,需要的朋友可以參考下
    2017-03-03
  • 第一次接觸JS require.js模塊化工具

    第一次接觸JS require.js模塊化工具

    第一次接觸JS require.js模塊化工具,本文為大家介紹了JS模塊化工具require.js教程第一課認(rèn)識require.js,編寫require.js,感興趣的小伙伴們可以參考一下
    2016-04-04
  • 詳解JavaScript 中的批處理和緩存

    詳解JavaScript 中的批處理和緩存

    這篇文章主要介紹了詳解JavaScript 中的批處理和緩存,幫助大家完成需求,更好的理解和使用JavaScript,感興趣的朋友可以了解下
    2020-11-11
  • 微信小程序頁面間傳遞數(shù)組對象方法解析

    微信小程序頁面間傳遞數(shù)組對象方法解析

    這篇文章主要介紹了微信小程序頁面間傳遞數(shù)組對象方法解析,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2019-11-11
  • 用JavaScript腳本實現(xiàn)Web頁面信息交互

    用JavaScript腳本實現(xiàn)Web頁面信息交互

    這篇文章主要介紹了用JavaScript腳本實現(xiàn)Web頁面信息交互
    2006-10-10
  • JavaScript數(shù)組方法實例詳解

    JavaScript數(shù)組方法實例詳解

    本文將通過實例為大家詳細(xì)介紹JavaScript中的數(shù)組的所有方法。文中的示例代碼講解詳細(xì),對我們深入了解JavaScript數(shù)組有一定的幫助,需要的可以參考一下
    2021-12-12

最新評論

长海县| 深泽县| 三亚市| 吉隆县| 乌兰浩特市| 凌海市| 外汇| 正宁县| 金阳县| 南溪县| 尉氏县| 鸡东县| 尉犁县| 沽源县| 乌什县| 塔河县| 封开县| 庆阳市| 神池县| 肥西县| 梅州市| 鸡东县| 梅河口市| 曲麻莱县| 大城县| 涿州市| 五寨县| 扶绥县| 尼勒克县| 曲麻莱县| 镇江市| 晋江市| 惠安县| 嘉定区| 颍上县| 尚志市| 麟游县| 南澳县| 京山县| 阳城县| 太原市|