如何根据加载页面自动改变iframe的高度

如何根据加载页面自动改变iframe的高度,第1张

、在IFrame的具体页面(就是子页面),添加JavaScript function IFrameResize(){ //alert(thisdocumentbodyscrollHeight); //d出当前页面的高度

我用的就是这段了

<script type="text/javascript">

function SetCwinHeight(obj) {

var cwin = obj;

if (documentgetElementById) {

if (cwin && !windowopera) {

if (cwincontentDocument && cwincontentDocumentbodyoffsetHeight)

cwinheight = cwincontentDocumentbodyoffsetHeight + 20; //FF NS

else if (cwinDocument && cwinDocumentbodyscrollHeight)

cwinheight = cwinDocumentbodyscrollHeight + 10; //IE

}

else {

if (cwincontentWindowdocument && cwincontentWindowdocumentbodyscrollHeight)

cwinheight = cwincontentWindowdocumentbodyscrollHeight; //Opera

}

}

}

</script>

<iframe id="id" name="name" frameborder="0" width="750px" scrolling="no"

onload="SetCwinHeight(this)"></iframe>

你可以自己设置一下 或者放一个什么在iframe当背景

你的代码写的没有错

如果我猜得不错的话,你是直接运行的这段代码!

先给你讲原理:

调用DOM对象,必须在页面(框架)完全下载完后才能构建DOM树, 所以我们一般是把这些代码封到一个函数内,再用windowonload来指向这样解决:

function show()

{

documentwrite(windowframes["cwin"]documentgetElementById("reg")styleheight);

}

windowonload=show;

也许你会说,那为什么我的innerHTML能获取到呢 请注意:完全下载!

明白了吧

以上就是关于如何根据加载页面自动改变iframe的高度全部的内容,包括:如何根据加载页面自动改变iframe的高度、iframe 子页面加载时的高度问题、JS 获取iframe中的div高度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10060415.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-04
下一篇 2023-05-04

发表评论

登录后才能评论

评论列表(0条)

保存