iframe高度自动伸展

最新推荐文章于 2021-06-02 17:59:57 发布

ljf_home

最新推荐文章于 2021-06-02 17:59:57 发布

阅读量244

点赞数

分类专栏： JS / CSS 文章标签： js iframe 自动伸展 ViewUI

JS / CSS 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

实现功能：在页面中iframe的高度，会随着iframe载入内容多时，自动伸展。
1、写一个js方法。
2、在iframe中的onload事件时调用该方法。
注意:iframe的ID值和方法中使用的ID值保持一致。



<iframe width="100%" align="center" height="200" id="cwin" onload="Javascrīpt:SetCwinHeight()" frameborder="0" scrolling="no" src="one.jsp" ></iframe>


<script type="text/javascript">

 function SetCwinHeight()
{
    var cwin=document.getElementById("cwin");
    if (document.getElementById)
    {
	if (cwin && !window.opera)
	{
	    if (cwin.contentDocument && cwin.contentDocument.body.offsetHeight)
	    cwin.height = cwin.contentDocument.body.offsetHeight; 
	    else if(cwin.Document && cwin.Document.body.scrollHeight)
	    cwin.height = cwin.Document.body.scrollHeight;
	}
    }
}
</script>