`
angeldhp
  • 浏览: 59336 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

IFrame自适应大小

阅读更多
 <script language="javascript" type="text/javascript">    
        function IFrameAutoFit()
        
...{
            
try
            
...{
                
if(window!=parent)
                
...{
                    var a 
= parent.document.getElementsByTagName("IFRAME");
                    
for(var i=0; i<a.length; i++)
                    
...{
                        
if(a[i].contentWindow == window)
                        
...{
                            var h1
=0, h2=0;
                            a[i].parentNode.style.height 
= a[i].offsetHeight +"px";
                            a[i].style.height 
= "10px";
                            
if(document.documentElement && document.documentElement.scrollHeight)
                            
...{
                                h1 
= document.documentElement.scrollHeight;
                            }

                            
if(document.body)
                            
...{
                                h2
=document.body.scrollHeight;
                            }

                            var h 
= Math.max(h1, h2);
                            
if(document.all) 
                            
...{
                                h 
+= 4;
                            }

                            
if(window.opera) 
                            
...{
                                h 
+= 1;
                            }

                            a[i].style.height 
= a[i].parentNode.style.height = h +"px";
                        }

                    }

                }

            }

            
catch (ex)
            
...{
            }

        }

        
if(window.attachEvent)
        
...{
            window.attachEvent(
"onload",  IFrameAutoFit);
        }

        
else if(window.addEventListener)
        
...{
            window.addEventListener(
'load',  IFrameAutoFit,  false);
        }
    
    
</script> 
分享到:
评论

相关推荐

    iframe内容高度 iframe自适应高度终极解决Iframe设置高度后无法缩小问题

    然而,`&lt;iframe&gt;`的高度自适应问题常常困扰着开发者,尤其是当`&lt;iframe&gt;`内部的内容动态加载或者变化时,如何让`&lt;iframe&gt;`自动调整其高度以适应内容,而不会导致滚动条溢出或内容被截断,成为了一个常见需求。...

    iframe自适应宽高

    这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能,其中包括: 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...

    iframe 自适应大小实现代码

    A域名下的页面a.html中通过iframe嵌入B域名下的页面b.html,由于b.html的宽度和高度是不可预知而且会变化的,所以需要a.html中的iframe自适应大小. 问题本质: js对跨域iframe访问问题,因为要控制a.html中iframe的...

    js跨域问题之跨域iframe自适应大小实现代码

    以上步骤和代码片段展示了跨域iframe自适应大小问题的基本解决方法。需要注意的是,这个方法需要域A和域B之间有较好的合作关系,因为需要在b.html中引入域A的脚本。此外,为了确保跨浏览器兼容性,可能还需要对不同...

    iframe自适应高度和宽度

    ### iframe自适应高度和宽度详解 在Web开发中,`iframe`(Inline Frame)是一种常用的HTML元素,用于在当前页面内嵌入另一个HTML文档。它能够实现页面内部局部刷新的效果,广泛应用于各种复杂的网页布局中。然而,...

    iframe自适应高度(兼容多种浏览器)

    ### iframe自适应高度(兼容多种浏览器) 在网页开发过程中,`iframe`是一种常用的元素,用于在当前页面中嵌入另一个HTML文档。然而,默认情况下,`iframe`的高度是固定的,这可能会导致内容显示不完全或者出现不必要...

    iframe自适应高度,亲测完美兼容IE6-9,Chrome,Opera,firefox,safari

    因为有一个项目要用到iframe自适应高度,网上搜索了以下结果无数,不过看来看去都是那几个,而且基本都测试了一遍,所说的兼容根本不是那么回事,要不IE不正常,要不其他浏览器显示不正常,最后无奈,综合网上的方法...

    IFRAME自适应

    "IFRAME自适应"是针对不同设备和屏幕尺寸,确保IFRAME内容能够自动调整其大小以适应页面布局的关键技术。在响应式设计中,IFRAME自适应尤其重要,因为它能让内容在手机、平板电脑和桌面电脑等不同设备上呈现良好的...

    iframe自动适应高度(完美自适应高度嵌套代码),兼容目前主流浏览器。

    标题提到的“iframe自动适应高度(完美自适应高度嵌套代码)”提供了一个解决方案,它能够确保`iframe`在各种主流浏览器中都能正确地自适应内容高度,包括360浏览器、IE6-9、遨游、火狐以及搜狗浏览器。 在传统的`...

    利用location.hash实现跨域iframe自适应

    www.baidu.com,假设地址:http://www.baidu.com/b.html 实现效果: A域名下的页面a.html中通过iframe嵌入B域名下的页面b.html,由于b.html的宽度和高度是不可预知而且会变化的,所以需要a.html中的iframe自适应大小....

    iframe高度自适应.pdf

    实现`iframe`高度自适应的基本思路是在页面加载完成或者窗口大小发生变化时,通过JavaScript动态计算嵌入内容的实际高度,并相应地调整`iframe`的高度。这种方法的核心在于编写合适的JavaScript函数来获取嵌入内容的...

    基于jquery的兼容各种浏览器的iframe自适应高度的脚本

    在探讨“基于jQuery的兼容各种浏览器的iframe自适应高度的脚本”这一主题时,我们首先需要理解几个关键概念:iframe、自适应高度以及jQuery。 ### 1. iframe概述 iframe,即Inline Frame,是HTML中一个用于在当前...

    iframe自适应子页面内容高度

    本话题将深入探讨如何使`iframe`自适应其子页面的内容高度,确保用户无需滚动主页面即可查看全部子页面内容。 `iframe`的基本结构如下: ```html &lt;iframe src="child-page....

    iframe根据页面内容自适应高度和宽度

    然而,由于`iframe`的大小固定,当嵌入的页面内容高度或宽度超过`iframe`设定的尺寸时,可能会出现滚动条或者内容被截断的情况。为了解决这个问题,我们需要让`iframe`根据其内容自动调整高度和宽度。本篇文章将详细...

    iframe自适应内嵌页的高试,无srcoll

    标题中的“iframe自适应内嵌页的高试,无srcoll”指的是在网页设计中,如何使用`&lt;iframe&gt;`元素来内嵌外部页面,并确保它能够自适应容器大小,同时不显示滚动条,以实现更佳的用户体验。在这个场景下,开发者通常需要...

    iframe跨域常用问题和iframe页面自适应

    本篇文章将深入探讨两个关键知识点:`iframe`跨域问题以及`iframe`页面的自适应。 一、`iframe`跨域问题 跨域是Web开发中的一个重要概念,它限制了浏览器从一个源获取另一个源的资源,以保护用户的安全。当`iframe...

    嵌入到HTML的iframe自动适应大小

    在探讨“嵌入到HTML的iframe自动适应大小”的主题时,我们主要关注的是如何使一个内嵌在HTML页面中的iframe元素能够根据其内容或者父容器的尺寸动态调整自身的高度,从而实现良好的响应式设计和用户体验。...

Global site tag (gtag.js) - Google Analytics