在HTML中设置锚点常⽤的有三种⽅式
在写项⽬的时候，页⾯⽐较长，这时候需要设置锚点进⾏快速定位到某个段落。所以，在使⽤中总结了⼏种常⽤锚点的例⼦分享给⼤家。在HTML中设置锚点常⽤的有三种⽅式。
⽅式⼀：使⽤name
代码如下:
<a name="top">这⾥是顶部</href>
<br /><br /><br /><br /><br />
中间内容省略...
<br /><br /><br /><br /><br />
<a href="#top">Top</a>
使⽤name属性设置锚点很⽅便但只能针对a标签来使⽤，具有⼀定的局限性。⽽对div等其他没有name属性的标签就不能起到作⽤了。继续往下看:
⽅式⼆：使⽤id
代码如下:
<div id="news">
这⾥是新闻篇
<br /><br /><br /><br /><br />
中间内容省略...
<br /><br /><br /><br /><br />
href标签怎么用
</div>
<a href="#news">新闻篇</a>
这种⽅式可以针对所有标签进⾏设置锚点进⾏所谓的局部定位。
⽅式三：使⽤js
代码如下:
<div id="top">
<br /><br /><br /><br /><br />
中间内容省略...
<br /><br /><br /><br /><br />
</div>
<p οnclick="ElementById('top').scrollIntoView()">
返回顶部Top
</p>
这种⽅式跳转链接不需要⽤a标签。对任意标签都可以使⽤，设置点击事件跳到对应的id就好了。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。