锚点是网页制作中超级链接的一种,又叫命名锚记,像一个迅速定位器一样,是一种页面内的超级链接。
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)运行起来就可以看到效果了
以上就是本篇文章【快速了解什么是锚点】的全部内容了,欢迎阅览 ! 文章地址:http://ktsh.xhstdz.com/quote/68121.html
栏目首页
相关文章
动态
同类文章
热门文章
网站地图
返回首页 物流园资讯移动站 http://ktsh.xhstdz.com/mobile/ , 查看更多