IFrame 的使用

在我们进行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进行相对大小的设定,是一个不错的想法。


posted on 2007-06-13 11:05 chenguo 阅读(122) 评论(0)  编辑  收藏 所属分类: AJAX Dev


只有注册用户登录后才能发表评论。


网站导航:
 
<2024年12月>
24252627282930
1234567
891011121314
15161718192021
22232425262728
2930311234

导航

统计

留言簿

随笔分类(1)

文章分类(52)

好友 小山的博客

最新随笔

最新评论