html中iframe标签该如何使用?iframe高度自适应
的有关信息介绍如下:iframe标签能解决在一个页面中添加不同的HTML文件,选择不同的地址可以进入不同的页面中去,在同一个页面中之修改其中某一块的内容来达到菜单切换的效果。今天我就来分享iframe标签的创建、使用以及使得iframe标签的高度自适应。
在HTML页面中要显示iframe框架的地方添加一个iframe标签,给iframe标签设置name属性为iframename(这个其他地方会用到)
设置页面默认打开的时候iframe框架中显示的页面,这里直接用src属性设计就ok,具体如下图所示,这样页面打开的时候就是ljlc.html这个页面了。
高度自适应设置:添加一个JavaScript的函数SetWinHeight,具体代码如下图所示。在iframe框架加载的时候调用SetWinHeight这个函数。
onload="SetWinHeight(this)"
不同地址在iframe框架中显示:用a标签调用,target属性指向上面创建的框架中。
还要注意一点就是要在iframe框架中设置frameborder="0" 没有边框和 scrolling="no"没有滚动条,这样在页面中看起来很自然。iframe的所有定义如下图
现在页面就设计完成了,可以来看看具体执行效果吧。刚进入页面iframe框架中就显示了我们默认显示的页面ljlc.html
选择不同的网页,可以看到在iframe框架中显示了我刚点击的连接页面。是不是完没的完成了任务呢?不仅能显示不同的页面而且还能是iframe框架自适应高度。