HTML页面内跳转

原创

zongquanliu 2011-11-07 13:16:31 博主文章分类：Web开发 ©著作权

©著作权归作者所有：来自51CTO博客作者zongquanliu的原创作品，请联系作者获取转载授权，否则将追究法律责任

一、

在HTML页面内实现通过超链接将页面跳转至同一页面的不同部分的方法：

实例代码如下：

<DIV class="menulist_2">
<UL>
<LI><A class="menulist_select" HREF="#1">个人信息</A></LI>
<LI><A class="menulist_select" HREF="#2">学历、学校</A></LI>
<LI><A class="menulist_select" HREF="#3">语言能力</A></LI>
<LI><A class="menulist_select" HREF="#4">奖励、活动</A></LI>
<LI><A class="menulist_select" HREF="#5">IT技能爱好</A></LI>
<LI><A class="menulist_select" HREF="#6">项目经验</A></LI>
<LI><A class="menulist_select" HREF="#7">实习经验</A></LI>
<LI><A class="menulist_select" HREF="#8">上传文件</A></LI>
</UL>
</DIV>

这是一个典型的菜单列表，其中每个菜单项都添加了一个超链接。而与之相对应的页面代码如下：

<td height="28" class="color13_a" colspan="3"><a name="1"></a>个人信息</td>
……
<td height="28" class="color13_a" colspan="1"><a name="2"></a>学历、学校</td>
……
<td height="28" class="color13_a" colspan="1"><a name="3"></a>语言能力</td>
……
<td height="28" class="color13_a" colspan="1"><a name="4"></a>奖励、活动</td>
……
<td height="28" class="color13_a" colspan="1"><a name="5"></a>IT技能爱好</td>
……
<td height="28" class="color13_a" colspan="1"><a name="6"></a>项目经验</td>
……
<td height="28" class="color13_a" colspan="1"><a name="7"></a>实习经验</td>
……
<td height="28" class="color13_a" colspan="1"><a name="8"></a>上传文件</td>

二、 toTop的实现

当浏览国外较为专业的站点时，在web页面都提供了便捷的"TOP"链接，也就是回到页面最上面的部分。但是我相信很少人会留意它的是实现，其实这个实现真的很简单☺

代码如下：