锚点跳转

锚点跳转

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



# 报错信息的截图

# 相关课程内容截图

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

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

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

正在回答

登陆购买课程后可参与讨论,去登陆

3回答

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

http://img1.sycdn.imooc.com//climg/5fc4aeb109ca776402750065.jpg

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

http://img1.sycdn.imooc.com//climg/5fc4af2a09d8861a15310240.jpg

祝学习愉快!


好帮手慕鹤 2020-11-30 16:25:44

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

http://img1.sycdn.imooc.com//climg/5fc4ac68098be7fe16200316.jpg

代码:

maodian.index

1
<!DOCTYPE html><br><html><br><br><head><br>    <meta charset="UTF-8"><br>    <meta name="viewport" content="width=device-width, initial-scale=1.0"><br>    <title>Document</title><br></head><br><br><body><br>    <a href="index.html#box">跳转到index页面</a><br>    <div style="height: 1000px;"></div><br>    <div id="box">跳转到index页面</div><br>    <div style="height: 1000px;"></div><br></body><br><br></html><br>

index.html

1
​<!DOCTYPE html><br><html><br><br><head><br>    <meta charset="UTF-8"><br>    <meta name="viewport" content="width=device-width, initial-scale=1.0"><br>    <title>Document</title><br></head><br><br><body><br>    <a href="maodian.html#box">跳转到maodian.html</a><br>    <div style="height: 1000px;"></div><br>    <div id="box">跳转到锚点页面</div><br>    <div style="height: 1000px;"></div><br></body><br><br></html><br>

祝学习愉快!

  • 提问者 Jasmine江江 #1

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

    2020-11-30 16:30:48
好帮手慕鹤 2020-11-30 16:07:17

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

祝学习愉快!

  • 提问者 Jasmine江江 #1

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

    2020-11-30 16:12:33
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师
插入代码