相关动态
快速了解什么是锚点
2024-11-10 22:05

锚点是网页制作中超级链接的一种,又叫命名锚记,像一个迅速定位器一样,是一种页面内的超级链接。

快速了解什么是锚点

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://gzhdwind.xhstdz.com/quote/68121.html 
     栏目首页      相关文章      动态      同类文章      热门文章      网站地图      返回首页 物流园资讯移动站 http://gzhdwind.xhstdz.com/mobile/ , 查看更多   
发表评论
0评