网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 生活知识 生活百科 知识问答 更多知识

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

时间:2026-04-22 01:59:04

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

<a id="lxlj" href="html/lxlj.html" target="iframename">联系邻家</a>

<a id="jrlj" href="html/jrlj.html" target="iframename">加入邻家</a>

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

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

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

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

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

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

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

© 2026 智德知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com