javascript

位置:IT落伍者 >> javascript >> 浏览文章

js实现iframe 高度自适应


发布日期:2020年02月08日
 
js实现iframe 高度自适应

<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>

               

上一篇:javascript 图片裁剪技巧

下一篇:js关闭模态窗口刷新父页面