HTML 锚点学习

文章摘抄

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" onclick="add()">触发add函数并跳转到add锚点</a>  

 

 

第二种：

<div id="divNode"><!-- contents --></div><!-- 假设一个需要跳转到的节点 -->  
<a href="#" onclick="document.getElemetnById('divNode').scrollIntoView(true);return false;">通过scrollIntoView实现锚点效果</a>