正文

html 中<IFRAME> 的使用2006-06-29 11:32:00

【评论】 【打印】 【字体: 】 本文链接:http://blog.pfan.cn/ggbm/16263.html

分享到:

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

阅读(3677) | 评论(1)


版权声明:编程爱好者网站为此博客服务提供商,如本文牵涉到版权问题,编程爱好者网站不承担相关责任,如有版权问题请直接与本文作者联系解决。谢谢!

评论

loading...
您需要登录后才能评论,请 登录 或者 注册