Fe-interview: [html] 第130天 你知道什么是锚点吗?它的作用是什么?怎么创建一个锚点?

Created on 23 Aug 2019  ·  4Comments  ·  Source: haizlin/fe-interview

第130天 你知道什么是锚点吗?它的作用是什么?怎么创建一个锚点?

html

Most helpful comment

基于window对象,查找dom对应id的元素就是锚点。操作该元素组成的dom,用js改变视图层。在HTML中定义id,用document.queryselector找到该元素,既可以视作锚点。

All 4 comments

基于window对象,查找dom对应id的元素就是锚点。操作该元素组成的dom,用js改变视图层。在HTML中定义id,用document.queryselector找到该元素,既可以视作锚点。

锚点为 HTML 文档中的一个特定的位置。比如小节标题、页首、页尾。锚点可以通过 a 标签来实现。

<!-- href 前一定要加 # 号,这样点击时就会跳转到对应 name 所在的 a 标签位置 -->
<a href="#anchor">xxx</a>

<!-- 锚点的位置 -->
<a name="anchor">xxx</a>

当然,使用 javascript 获取到 DOM 元素之后,也可以根据元素的位置信息,利用 scrollTop 来进行页面位置的跳转。

秘籍:反复纵跳

<a name="begin" href="#end">jump to end</a>
...
<a name="end" href="#begin">jump to begin</a>
<a href="#ss">   ----->     name="ss" 的a标签
<a href="#ss">   ----->    id="ss" 的任意标签

这里name="ss" 的a标签id="ss" 的任意标签都是锚点,简单创建用id就可以,绝大多数标签又可以有id属性,而name仅在a标签中才可以作为锚点

Was this page helpful?
0 / 5 - 0 ratings

Related issues

haizhilin2013 picture haizhilin2013  ·  3Comments

haizhilin2013 picture haizhilin2013  ·  3Comments

haizhilin2013 picture haizhilin2013  ·  3Comments

haizhilin2013 picture haizhilin2013  ·  3Comments

haizhilin2013 picture haizhilin2013  ·  3Comments