html中iframe标签该如何使用iframe高度自适应

html中iframe标签该如何使用iframe高度自适应

1.在HTML页面中要显示iframe框架的地方添加一个iframe标签，给iframe标签设置name属性为iframename（这个其他地方会用到）

2.设置页面默认打开的时候iframe框架中显示的页面，这里直接用src属性设计就ok,具体如下图所示，这样页面打开的时候就是ljlc.html这个页面了。

3.高度自适应设置：添加一个JavaScript的函数SetWinHeight，具体代码如下图所示。在iframe框架加载的时候调用SetWinHeight这个函数。

onload="SetWinHeight(this)"

4.不同地址在iframe框架中显示：用a标签调用，target属性指向上面创建的框架中。

邻家历程邻家追求

联系邻家

加入邻家

5.还要注意一点就是要在iframe框架中设置frameborder="0"没有边框和scrolling="no"没有滚动条，这样在页面中看起来很自然。iframe的所有定义如下图

6.现在页面就设计完成了，可以来看看具体执行效果吧。刚进入页面iframe框架中就显示了我们默认显示的页面ljlc.html

7.选择不同的网页，可以看到在iframe框架中显示了我刚点击的连接页面。是不是完没的完成了任务呢？不仅能显示不同的页面而且还能是iframe框架自适应高度。