HTML中的两列窗口关联

效果：页面分为左右两个部分，在左边点击链接时，显示在右边，实现方法有两种：

方法一：frameset 和 iframe

<frameset cols="25%,*" border="1">

<frame src="homework/聚美优品常见问题/test1.html" >

<iframe src="../我的第一个页面.html" scrolling="no" name="hehe" width="100%"></iframe>

</frame>

<frame src="../我的第一个页面.html" name="hehe"/>

</frameset>

 

注：在homework/聚美优品常见问题/test1.html中写上：

<a href="../电子产品调查表.html" target="hehe">测试iframe</a>

<a href="../../../test3.html" target="hehe">测试iframe2</a>

这样就可以在点击左边的【测试ifame】或者【测试iframe2】，就能在右边的部分看到相应的链接。

方法二：超链接

<frameset cols="25%,*" border="1">
<frame src="../我的第一个页面.html"/>

<frame src="homework/聚美优品常见问题/test1.html" name="rh" />
</frameset>

注意：在../我的第一个页面.html中添加

<a href="1-onclass/homework/滚筒洗衣机排行榜/test.html" target="rh">洗衣机排行榜</a>
<a href="1-onclass/homework/网易邮箱注册/表头.html" target="rh">表头排行榜</a>

这样就可以在左边点击【洗衣机排行榜】或者【表头排行榜】就可以在右边显示对应的链接。