锚点是网页制作中超级链接的一种,又叫命名锚记,像一个迅速定位器一样,是一种页面内的超级链接。
1、我们可以在百度百科中搜索【薛之谦】
薛之谦(中国内地男歌手、音乐制作人、演员)_百度百科
注意:这时的地址是
2、当我们点击【早点经历】
然后,页面自动上滑到【早年经历】部分
注意这时的地址 带上了#1
3、当我们点击【主要作品】
这时页面就会滑动到【主要作品】部分
注意这时的地址带上了#4
4、当我们点击【人物评价】
这时页面就会滑动到【人物评价】部分
注意这时的地址带上了#7
根据上面三个列子,相信谦友们都已经可以看出锚点的作用。
预先加载页面内容,然后通过锚点可以在同一个页面内进行快速定位,这是单页Web应用。
当然实现锚点的方式有很多种,下面根据“谦友717”的猜测,用一个简单的例子去实现上面的锚点案例。
1、一个简单的锚点
案例:
链接:https://pan.baidu.com/s/1CVcpQf-QgHhDumlBVz48nw 提取码:w2c7
运行起来后,效果如下:
(1)点击“基本信息”
(2)点击【主要作品】
2、具体的实现
这里使用的工具是:
VSCodeUserSetup下载安装和快速使用_心有谦谦结-CSDN博客_vscodeusersetup怎么使用
(1)创建一个文件夹“router_test”
(2)引入js库
(3)新建一个html文件:router.html
(4)运行起来就可以看到效果了