
<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高度自适应的问题等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)