您的位置:首页 > Web前端 > HTML

html frame实现页面内容动态切换

2016-04-04 19:29 736 查看
使用frameset可以进行布局,但是在使用frameset时,html文本中不能带有body标记。

要实现如下效果(只是根据左侧链接,动态改变右侧的网页内容,其余部分都不变)。





只需要在整体部分的html文本中对动态切换的frame添加name属性,并且在超链接中设置属性target 指向要改变的frame

left.html内容如下
<html>
<body bgcolor="pink">
<a href="right1.html" target="right">山水之间</a></br>
<a href="right2.html" target="right">宿敌</a></br>
<a href="right3.html" target="right">想象之中</a>
</body>
</html>
index.html(整体显示的html文本)内容如下

<html>
<frameset rows="25%,*">
<frame src="top.html"/>
<frameset cols="20%,*">
<frame src="left.html"/>
<frame src="right1.html" name="right"/>
<frameset>
</frameset>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: