html页面怎么加锚点,html页面添加锚点

锚点即指html中的链接，在页面中适当的添加锚点可以大大提高阅读或查找效率，尤其是一些内容分类繁多的页面。

添加锚点的方式有以下：

(1)根据锚点文本标签的id属性设置，通过a标签定位：

段落一

段落二

段落三

段落四

段落五

段落六

锚点位置

段落一

段落二

段落三

段落四

段落五

段落六

锚点的设置不仅可以定位到本页面的某个位置，也可定位到其他页面，例如从A页面中跳转到其他页面的某个位置：

A页面中：

页面一：

锚点1位置

页面二：

锚点2位置

吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼

页面三：

锚点3位置

若要实现定位到顶部，则可直接写

(2)a标签作为锚点时可以通过name属性设置

通过name设置只适用于a标签作为锚点

------------------------------分割-------------------------------

(3)在js中定位到某个锚点

定位到锚点

段落一

段落二

段落三

段落四

段落五

锚点位置

js中

function getAnchor(){

location.href = "#firstAnchor";

//其他操作

}

(4)在js中定位到某个锚点二

定位到锚点

段落一

段落二

段落三

段落四

段落五

锚点位置

js中

function getAnchor(){

document.getElementById("anchor_point").scrollIntoView();//跳转到锚点

//其他操作

}

注：前三种有可能会引起刷新问题，因为在跳转到锚点时url发生了改变(看到有人说刷新问题可以通过在url后面添加随机数解决，未测试，不知是否可以，仅做参考)，第四种不会出现url改变的问题，感觉最好用。