当前位置: 代码迷 >> Web前端 >> iframe高度自动舒张
  详细解决方案

iframe高度自动舒张

热度:331   发布时间:2012-08-21 13:00:22.0
iframe高度自动伸展
实现功能:在页面中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>

  相关解决方案