
可以下面是一个iframe自适应高度的例子,里面有获取iframe body高度的代码
<script language="JavaScript" type="text/javascript">
function SetWinHeight(obj)
{
var frmright=obj;
if (documentgetElementById)
{
if (frmright && !windowopera)
{
if (frmrightcontentDocument && frmrightcontentDocumentbodyoffsetHeight){
frmrightheight = frmrightcontentDocumentbodyoffsetHeight;
frmrightwidth = frmrightcontentDocumentbodyoffsetWidth;
}else if(frmrightDocument && frmrightDocumentbodyscrollHeight){
frmrightheight = frmrightDocumentbodyscrollHeight;
frmrightwidth = frmrightDocumentbodyscrollWidth;
}
}
}
}
</script>
<IFRAME id=pr name=pr marginWidth=0 marginHeight=0 src="proasp" frameBorder=0 onload="Javascript:SetWinHeight(this)" width=540 scrolling=no height="100%"></IFRAME>
1、在文件夹里创建两个html文件,一个“index”一个“iframe”。
2、在index中添加一个iframe标签,直接嵌入iframe页面。
3、在iframe网页中添加了两个固定高度的div内容。
4、浏览器打开index页面我们发现iframe部分有滚动条,需要滚动显示页面。
5、现在我们在index页面的iframe标签再添加如下的属性。
6、再次打开index页面iframe已经高度自适应了。
以上就是关于给iframe赋ID后,用js是否可以通过此ID获取引用页面body的高度全部的内容,包括:给iframe赋ID后,用js是否可以通过此ID获取引用页面body的高度、怎么让iframe自适应浏览器的高度和宽度、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)