导读:操作步骤/方法1在HTML页面中要显示iframe框架的地方添加一个iframe标签,给iframe标签设置name属性为iframename(这个其他地方会用到)2设置页面默认打开的时候iframe框架中显示的页面,这里直接用src属性设计就ok,具体如下图所示,这样页面打开的时候就是ljlc.html这个页面了。3高度自适应设置:添加一个JavaScript的函数SetWinHeight,具体...
操作步骤/方法
1
在HTML页面中要显示iframe框架的地方添加一个iframe标签,给iframe标签设置name属性为iframename(这个其他地方会用到)
2
设置页面默认打开的时候iframe框架中显示的页面,这里直接用src属性设计就ok,具体如下图所示,这样页面打开的时候就是ljlc.html这个页面了。
3
高度自适应设置:添加一个JavaScript的函数SetWinHeight,具体代码如下图所示。在iframe框架加载的时候调用SetWinHeight这个函数。
4
onload="SetWinHeight(this)"
5
不同地址在iframe框架中显示:用a标签调用,target属性指向上面创建的框架中。
6
<aid="ljlc"href="html/ljlc.html"target="iframename">邻家历程</a><aid="ljzq"href="html/ljzq.html"target="iframename">邻家追求</a>
7
<aid="lxlj"href="html/lxlj.html"target="iframename">联系邻家</a>
8
<aid="jrlj"href="html/jrlj.html"target="iframename">加入邻家</a>
9
还要注意一点就是要在iframe框架中设置frameborder="0"没有边框和scrolling="no"没有滚动条,这样在页面中看起来很自然。iframe的所有定义如下图
10
现在页面就设计完成了,可以来看看具体执行效果吧。刚进入页面iframe框架中就显示了我们默认显示的页面ljlc.html
11
选择不同的网页,可以看到在iframe框架中显示了我刚点击的连接页面。是不是完没的完成了任务呢?不仅能显示不同的页面而且还能是iframe框架自适应高度。
END
以上就是小编为大家介绍的html中iframe标签该如何使用?iframe高度自适应的全部内容,如果大家还对相关的内容感兴趣,请持续关注上海建站网!
标签:
内容声明:网站所展示的内容均由第三方用户投稿提供,内容的真实性、准确性和合法性均由发布用户负责。上海建站网对此不承担任何相关连带责任。上海建站网遵循相关法律法规严格审核相关关内容,如您发现页面有任何违法或侵权信息,欢迎向网站举报并提供有效线索,我们将认真核查、及时处理。感谢您的参与和支持!