html frame标签(点击左边框架内容而在右边框架做出反应)

首先定义关于框架的页面index.html

<html>
<title>my page</title>

	<frameset rows="15%,*" cols="*" frameborder="1" framespacing="1">
		<frame src="top/top.html" name="top">
		</frame>
	
		<frameset cols="15%,*" rows="*" frameborder="1">
			<frame src="left/left.html" name="left">
			</frame>
			<frame src="right/right.html" name="right"> <!--重点看这里-->
			</frame>
		</frameset>
	</frameset>
<body>
	框架实例
</body>
</html>


然后编写左边页面left.html的内容
<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"></span><pre name="code" class="html"><html>
<body>
	<table border="2" bordercolor="#c9c9c9" bgcolor="#f3f3f3">
		<tr  bordercolor="#0000FF">
			<td><a href="http://www.codehut.space" target="right">wangrui</a></td> <!--重点看这里-->
		</tr>
		<tr>
			<td><a href="http://www.codehut.space/about" target="right">about</a></td>
		</tr>
		
	</table>
</body>
</html>


总结就是给右边框架一个name属性,在定义左边框架中链接的时候用target属性来指向右边,比想象中的简单吧!

  • 3
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值