`
dyclh
  • 浏览: 49247 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

兼容IE和火狐的iframe 高度自动调整

阅读更多

<script type="text/javascript">
 function SetCwinHeight(){
  var iframemain=document.getElementById("iframemain"); //iframe id
  if (document.getElementById){
   if (iframemain && !window.opera){
    if (iframemain.contentDocument && iframemain.contentDocument.body.offsetHeight){
  alert( iframemain.contentDocument.body.offsetHeight)
  iframemain.height = iframemain.contentDocument.body.offsetHeight;
    }else if(iframemain.Document && iframemain.Document.body.scrollHeight){
   iframemain.height = iframemain.Document.body.scrollHeight;
    }
   }
  }
 }
</script>
<a href="sd.html" target="iframemain">baidu</a>----
<a href="text.html" target="iframemain">qq</a>------
<a href="ddd.html" target="iframemain">dddd</a>------

<br>
<iframe width="100%"  id="iframemain" name="iframemain" onload="Javascript:SetCwinHeight()" scrolling="no" height="1" frameborder="0" src="text.html"></iframe>

 

 

新建几个页面,静态的,用内容把高度调一下,点击链接就可以实现火狐的高度自适应了,网上例子挺多的。

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics