锚点是干什么的？有什么用？怎么用？
5 回答
已采纳
qyy2499760117_叶子
TA贡献188条经验 获得超91个赞
例如我们在做一个很长的网页时，需要在页面内做一个导航，点击导航里的链接不是新开一个窗口或者跳转到其他网址，而是跳转到当前页的某一个位置。那么所要跳转到的那个位置，我们就叫做锚点，它是一种在页面内部定位的方式。
设置锚点也是很简单的，例如一个文章分了三段，每段有个标题，标题的代码是这样的
<h2>我是标题一</h2>
<h2>我是标题二</h2>
<h2>我是标题三</h2>
如果我想要在页面内设置锚点，做一个索引，点击相应的索引标题就跳转到相应的段落，那么就只要在标题所在的html标签里面设置一个ID，然后链接过去即可，可以像下面这样设置ID:
<h2 id="a">我是标题一</h2>
<h2 id="b">我是标题二</h2>
<h2 id="c">我是标题三</h2>
然后在索引里面这样设置超链接就可以实现和锚点的连接了 <a href="#a">点击我就会跳到第一段</a> <a href="#b">点击我就会跳到第二段</a> <a href="#c">点击我就会跳到第三段</a>
Suber丶林
TA贡献75条经验 获得超180个赞
① 干什么的：锚点用来定位当前页面中的某个位置
② 有什么用：可以快速的让主要内容展示给用户浏览
③ 怎么用呢：如下
Ⅰ、HTML中
<body> <!-- 使用链接a标签中的href属性，#开头表示定位到指定锚点 --> <a href="#hash">去吧，皮卡丘~</a> <!-- 假如这里很多内容，我用hr加样式撑开页面高度 --> <hr style="margin-top: 1000px; margin-bottom: 1000px;"> <!-- 需要定位到这里，使用ID来设置锚点 --> <p id="hash">皮卡，这里就是你要浏览的内容了。</p> <!-- 假如这里很多内容，我用hr加样式撑开页面高度 --> <hr style="margin-bottom: 1000px;"> </body>
Ⅱ、JavaScript中
location.hash = 'pikaqiu'; // 运行之后，浏览器的URL中后面就带上了#pikaqiu，页面也及时定位到#pikaqiu的内容上 // 如果URL中已经带有#pikaqiu锚点，那么定位也就失效，解决方案就是先清空锚点，再赋值，perfect location.hash = ''; location.hash = 'pikaqiu';
柠檬酸钠
TA贡献331条经验 获得超534个赞
实现页面内跳转，不过由于跳转比较生硬，没有任何动画效果，所以高大上的网站都是用js做的效果。
锚点用id定义，跳转用#+定义的id
<div style='height:300px'></div> <div id='text'>dfghjkl</div> <div style='height:200px'></div> <a href='#text'>点我啊</a>
试一下这段代码就知道效果了
添加回答
举报
0/150
提交
取消