文章摘抄
http://www.jb51.net/web/118579.html
http://blog.csdn.net/ghsau/article/details/7518678
锚点是网页制作中超级链接的一种,又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍。
英文名:anchor
使用命名锚记可以在文档中设置标记,这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接,这些链接可快速将访问者带到指定位置。
创建到命名锚记的链接的过程分为两步:
首先,创建命名锚记,
然后,创建到该命名锚记的链接
其实锚点只需name就可以可,加id是为了让它兼容性更好.
案例
1. 在同一页面中
<a name="add"></a><!-- 定义锚点 --> <a href="#add">跳转到add</a>
2. 在不同页面中,锚点定位在a.html中,从另外一个页面的链接跳转到这个锚点
<a href="a.html#add">跳转到a.add</a>
3. 点击链接触发js事件,同时跳转到锚点,有两种处理方式:
第一种:
<a href="#add" οnclick="add()">触发add函数并跳转到add锚点</a>
第二种:
<div id="divNode"><!-- contents --></div><!-- 假设一个需要跳转到的节点 --> <a href="#" οnclick="document.getElemetnById('divNode').scrollIntoView(true);return false;">通过scrollIntoView实现锚点效果</a>