jQuery技术

iframe自适 应高度

字号+ 作者: 来源: 2014-11-16 22:49 我要评论( )

iframe自适应高度

上次给大家介绍了两种用jquery实现的方法,今天给大家介绍另一种方法。

<script 

type="text/javascript">
    //iframe 自适应高度
     function SetCwinHeight(){
      var bobo=document.getElementById("main"); //iframe id
      if 

(document.getElementById){
       if (bobo && !window.opera){
        if (bobo.contentDocument && bobo.contentDocument.body.offsetHeight){

bobo.height = bobo.contentDocument.body.offsetHeight;
        }else if(bobo.Document && bobo.Document.body.scrollHeight){
         bobo.height = 

bobo.Document.body.scrollHeight+30;
         //alert(document.getElementById("amdright").style.width);
        }
       }
      }
     }

</script>
<iframe width="99%" id="main" name="main" onload="SetCwinHeight()" frameborder="0" src="default.php" scrolling="no"></iframe>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jQuery 简介

    jQuery 简介

    2015-11-10 12:15

  • W3school jQuery 教程.chm

    W3school jQuery 教程.chm

    2015-10-31 14:07

  • jQuery 实验教程

    jQuery 实验教程

    2015-10-31 12:17

  • 基础级的 jQuery 教程实例源代码

    基础级的 jQuery 教程实例源代码

    2015-10-22 10:33

网友点评