锚点跳转

首页课程实战体系课手记专栏慕课教程

锚点跳转

来源：2-15 编程练习

Jasmine江江

2020-11-30 14:52:47

# 具体遇到的问题
同页面内用锚点跳转，只需要在href中写#锚点的名字。在另外一个页面跳转到有锚点的页面，在href中是网页名字#锚点的名字。这样理解是正确的吗？

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码，切记添加代码注释（请勿截图）

在这里输入代码，可通过选择【代码语言】突出显示

写回答

3回答

好帮手慕鹤

2020-11-30

已采纳

同学你好，如果不是在同一个文件夹下，例如：

两个页面的锚点跳转都是通过href="页面名字#锚点名字，但是需要注意的是，需要通过相对应的路径去寻找到页面，例如：

祝学习愉快！

好帮手慕鹤

2020-11-30

同学你好，可以参考下图代码来加深理解：

代码：

maodian.index

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <a href="index.html#box">跳转到index页面</a>
    <div style="height: 1000px;"></div>
    <div id="box">跳转到index页面</div>
    <div style="height: 1000px;"></div>
</body>

</html>

index.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <a href="maodian.html#box">跳转到maodian.html</a>
    <div style="height: 1000px;"></div>
    <div id="box">跳转到锚点页面</div>
    <div style="height: 1000px;"></div>
</body>

</html>

祝学习愉快！

hasmine江江

hp>除去同页面下的跳转，无论是不是同一文件下的，两个页面的锚点跳转都是href="页面名字#锚点名字"对吗？

h020-11-30

共1条回复

好帮手慕鹤

2020-11-30

同学你好，理解的是正确的哦，非常棒。

祝学习愉快！

hasmine江江

hp>如果主页面index.html，锚点页面是maodian.html，锚点页面在和index.html同级的web文件上，这种我要跳转到锚点页面这个链接怎么写？从锚点页面返回到主页面顶部（也有锚点）这种怎么写哈？

h020-11-30