iframe在div中如何自适应高度

iframe在div中如何自适应高度,第1张

<iframe

scrolling="no"

name="aa"

frameborder="0"

src="bbhtml"

onload="thisheight=0;var

fdh=(thisDocumentthisDocumentbodyscrollHeight:thiscontentDocumentbodyoffsetHeight);thisheight=(fdh>700fdh:700)"></iframe>

iframe高度自适应,700为自己设定的iframe高度最低值,高度小于700的将以700显示,大于700将以div自身高度来显示。iframe高度最低值可以自己修改

我用的就是这段了

<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也可也 在加载的时候

我看了一下代码,在Chrome下获取frame里面的document确实是用

documentgetElementById('frameId')contentDocument;

这里报错的话,可能是因为Chrome没有获取到frame对象,你可以检查一下

简单的说跨域和同域

同域就是访问的文件和请求的发起文件都在同一域名下,即同一台服务器上,地址可以不加>

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

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

原文地址:https://54852.com/web/10073376.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存