熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

js實現iframe 高度自適應

2022-06-13   來源: JSP教程 

  <script type="text/javascript">

  //** iframe自動適應頁面 **//

  
//輸入你希望根據頁面高度自動調整高度的iframe的名稱的列表
//用逗號把每個iframe的ID分隔 例如: ["myframe" "myframe"]可以只有一個窗體則不用逗號

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

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

  
function dyniframesize() {
var dyniframe = new Array()
for (i = ; i < iframeidslength; i++) {
if (documentgetElementById) {
//自動調整iframe高度
dyniframe[dyniframelength] = documentgetElementById(iframeids[i]);
if (dyniframe[i] && !windowopera) {
//dyniframe[i]styledisplay="block"
if (dyniframe[i]contentDocument && dyniframe[i]contentDocumentbodyoffsetHeight) //如果用戶的浏覽器是NetScape
dyniframe[i]height = dyniframe[i]contentDocumentbodyoffsetHeight;
else if (dyniframe[i]Document && dyniframe[i]DocumentbodyscrollHeight) //如果用戶的浏覽器是IE
dyniframe[i]height = dyniframe[i]DocumentbodyscrollHeight;
}
}
//根據設定的參數來處理不支持iframe的浏覽器的顯示問題
if ((documentall || documentgetElementById) && iframehide == "no") {
var tempobj = documentall ? documentall[iframeids[i]] : documentgetElementById(iframeids[i])
tempobjstyledisplay = "block"
}
}
}

  
if (windowaddEventListener)
windowaddEventListener("load" dyniframesize false)
else if (windowattachEvent)
windowattachEvent("onload" dyniframesize)
else
windowonload = dyniframesize
</script> 


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19850.html
    推薦文章
    Copyright © 2005-2022 電腦知識網 Computer Knowledge   All rights reserved.