准备:在同一个文件夹下创建两个html文件,文件一命名,index1.html,文件二命名,index2.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>锚点的设置</title>
    </head>
    <body>
        <div id="in1">
            <a href="index2.html#in2">跳转</a>
        </div>
    </body>
</html>

在index1.html中复制以上代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>跳转链接</title>
    </head>
    <body>
        <div id="in2">
            <a href="index1.html#in1">返回</a>
        </div>
    </body>
</html>

在index2.html中复制以上代码

结果:用浏览器打开index1.html,点击跳转后跳转到index2.html,在index2.html中点击返回会跳转到index1.html,也就是返回到原来的index1.html,若html文件不在同一级目录,则根据浅谈个人对于相对路径与绝对路径在前端开发中的应用与理解_HY_Sophie的博客-CSDN博客

中的相对地址对href部分进行更改。

 

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐