iframe高度自适应解决方式

iframe高度自适应解决方式带边框的 iframe 因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能 可是 iframe 的大小却不像层那样可以 伸缩自如 所以带来了使用上的麻烦 给 iframe 设置高度的时候多了也不好 少了更是不行 现在 让我来告诉大家几种 iframe 动态调整高度的方法 1

   

2、在IE6/IE7/IE8/Firefox/Opera/Chrome/Safari通过测试。

  

3、兼容性更好一些的方法

  

4、

  

5、实现 iframe 的自适应高度,能够随着页面的长度自动的适应以免除页面和 iframe 同时出现滚动条的现象

6、取得iframe属性src所指定的包含文档中内容的高度,然后用来设置iframe自身的高度,在iframe所在页面载入时对页面中的所有需要自适应高度的iframe进行自动设置

7、只针对知道的iframe的ID调用

function iframeAutoFit(iframeObj){ setTimeout(function(){ if(!iframeObj) return; iframeObj.height=(iframeObj.Document? iframeObj.Document.body.scrollHeight:iframeObj.contentDocument.body.offsetHeight); },200) } 

这几个方法小编试了个遍,一个都不管用。以下小编亲测可行的方法

 
   
    
    
    
    
  
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/202718.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月19日 下午11:28
下一篇 2026年3月19日 下午11:28


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号