html 中<IFRAME> 的使用

Share

在我们进行jsp的开发中,不可避免的会遇到有jsp层叠的情况,所以经过我的试验,<IFRAME>这个标签还是很有的作用的。下面我们来看看具体怎么使用:

<IFRAME ID="IFrame2" FRAMEBORDER=0 onload="dyniframesize('IFrame2');" marginwidth=0 marginheight=0 SCROLLING=NO SRC="****.jsp" width="187"></IFRAME>

<script language="Javascript">
<!--
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
//extra height in px to add to iframe in FireFox 1.0+ browsers
var FFextraHeight=getFFVersion>=0.1? 16 : 0

function dyniframesize(iframename) {
 var pTar = null;
 if (document.getElementById){
 pTar = document.getElementById(iframename);
 }
 else{
 eval('pTar = ' + iframename + ';');
 }
 if (pTar && !window.opera){
 //begin resizing iframe
 pTar.style.display="block"

 if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight){
 //ns6 syntax
 pTar.height = pTar.contentDocument.body.offsetHeight+FFextraHeight;
 }
 else if (pTar.Document && pTar.Document.body.scrollHeight){
 //ie5+ syntax
 pTar.height = pTar.Document.body.scrollHeight;
 }
 }
}
-->
</script>

<IFRAME> 里面的属性我就不多说了,都是很常见的。这里我多写了一个函数dyniframesize(),它的作用是处理装载页面与容器页面的同步,即将大小调整到合适的位置。
因为这样装载的页面很难固定的控制大小,所以用Document进行相对大小的设定,是一个不错的想法。