怎样让超过iframe框架高度限定自动隐藏呢?

您的位置: 首页 > 营销型网站建设 >> 详细信息

 小编近在排版时发现iframe框架中的表单超过其框架高度后不知道应该怎么被自动隐藏,相信也有其他朋友同样遇到过这种问题,那么我们就一起来探究下应该怎样实现这个问题吧,以下是小编经过千辛万苦(有点夸大了啊,嘻嘻)才找到的一个解决方法:

 
<script type="text/javascript">
 $(document).ready(function()
  {
   // Set specific variable to represent all iframe tags.
   var iFrames = document.getElementsByTagName_r('iframe');
 
   // Resize heights.
   function iResize()
   {
    // Iterate through all iframes in the page.
    for (var i = 0, j = iFrames.length; i < j; i++)
    {
     // Set inline style to equal the body height of the iframed content.
     iFrames[i].style.height = iFrames[i].contentWindow.document.body.offsetHeight + 'px';
    }
   }
 
   // Check if browser is Safari or Opera.
   if ($.browser.safari || $.browser.opera)
   {
    // Start timer when loaded.
    $('iframe').load(function()
     {
      setTimeout(iResize, 0);
     }
    );
 
    // Safari and Opera need a kick-start.
    for (var i = 0, j = iFrames.length; i < j; i++)
    {
     var iSource = iFrames[i].src;
     iFrames[i].src = '';
     iFrames[i].src = iSource;
    }
   }
   else
   {
    // For other good browsers.
    $('iframe').load(function()
     {
      // Set inline style to equal the body height of the iframed content.
      if(this.contentWindow.document.body.offsetHeight>1000)
      {
       this.style.height = 700 + 'px';//此处为小高度的设置
      }else{
       this.style.height = this.contentWindow.document.body.offsetHeight + 'px';
      }
     }
    );
   }
  }
 );
 
</script>
看的懂么?哈哈,其实也不用看懂,只要把上述文件外加一个jquery文件一起加载下,你会发现你想要的效果已经出现了...
以上信息来自南宁京象网络,南宁启凡计算机软件有限公司专注于 营销型网站建设 、SEO整合推广、企业形象网站建设、行业网站建设、综合商城建设、,品牌解决方案。

热门案例

'); })();