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

    使用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>

 

 

 

 

 

  • 14
    点赞
  • 46
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值