做框架布局的练习的时候,想要点击top导航,然后同时改变两个frame的显示内容
这是我的布局
<frameset frameborder="1" rows="20%,*">
<frame name="f1" scrolling="no" frameborder="no" src="top.html" />
<frameset frameborder="0" cols="15%,*">
<frame name="f2" scrolling="no" frameborder="no" src="left1.html" />
<frame name="f3" frameborder="no" src="right1.html" />
</frameset>
<frame name="f1" scrolling="no" frameborder="no" src="top.html" />
<frameset frameborder="0" cols="15%,*">
<frame name="f2" scrolling="no" frameborder="no" src="left1.html" />
<frame name="f3" frameborder="no" src="right1.html" />
</frameset>
</frameset>
下面是top中的代码,也就是要实现效果的部分:
<a style="text-decoration:none" οnclick="top.f2.location='left2.html';top.f3.location='right2.html';">两个都变</a>
要点是:当前框架的html名.目标框架名.location='目标页面地址'
注意两个之间用分号隔开,单双引号不区分,但是互相包含的时候必须交替出现 " ' ' " 或者 ' " " ' 。