iframe自适应高度的六种方法介绍

在实际使用内联框架的过程中，会遇到内联框架高度的问题，对于内联框架自适应高度一直是难点，因为既要考虑浏览器的兼容性，还要考虑同域、跨域的情况，下面就给大家介绍内联框架自适应高度的六种方法。

　　前言：

射流研究…自适应高度其实就是设置内联框架的高度，使其等于内嵌网页的高度，从而看不出来滚动条和嵌套痕迹，对于用户体验和网站美观起着重要作用。

如果内容是固定的，那么我们可以通过半铸钢钢性铸铁(铸造半钢)来给它直接定义一个高度，同样可以实现上面的需求，当内容是未知或者是变化的时候，情况也各不一样。

　　iframe 自适应高度的六种方法介绍：

　　一、iframe内容未知，高度可预测

这个时候，我们可以给它添加一个默认的半铸钢钢性铸铁(铸造半钢)的最小高度值，然后同时使用Java脚本语言改变高度。常用的兼容代码有：

01//文档。域名='财博鉴。com '；

02函数setiframehead(iframe){ 0

03 if(iframe){ 0

04 var iframeWin=iframe。内容窗口| | iframe。内容文档。parentwindow

05if(iframewin。文件。正文){ 0

06 iframe。height=iframewin。文件。文档元素。滚动高度| | iframewin。文件。尸体。滚动高度；

07}

08}

09};

10号窗口。onload=function(){ 0

11 SeitFrameHeight(文档。GetElementBYID('外部框架'));

12};

复制代码

//文档。域名='财博鉴。com '；

函数setiframehead(iframe){ 0

if(iframe){ 0

var iframeWin=iframe。内容窗口| | iframe。内容文档。parentwindow

if(iframewin。文件。正文){ 0

iframe。height=iframewin。文件。文档元素。滚动高度| | iframewin。文件。尸体。滚动高度；

}

}

};

窗户。onload=function(){ 0

setiframehead(文档。getelementbyid('外部框架'));

};