jQuery技术

iframe 自适应内容高度

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

以下代码放入body中: script type=text/javascript function SetCwinHeight(){ var bobo=document.getElementById(bobo); //iframe

以下代码放入body中:

<script type=”text/javascript”>
function SetCwinHeight(){
var

bobo=document.getElementById(“bobo”); //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;
}
}
}
}
</script>
<iframe

width=”100%” id=”bobo” onload=”Javascript:SetCwinHeight()” height=”1″ frameborder=”0″

src=”index.html” scrolling=”no”></iframe>

 

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

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评