给iframe赋ID后,用js是否可以通过此ID获取引用页面body的高度

给iframe赋ID后,用js是否可以通过此ID获取引用页面body的高度,第1张

可以下面是一个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自适应浏览器的高度和宽度、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存