推广 热搜: 行业  机械  设备    教师  系统  经纪  参数    蒸汽 

快速了解什么是锚点

   日期:2024-11-10     移动:http://yejunbin01.xhstdz.com/mobile/quote/68121.html

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

快速了解什么是锚点

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://yejunbin01.xhstdz.com/quote/68121.html    物流园资讯网 http://yejunbin01.xhstdz.com/ , 查看更多

特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。


0相关评论
相关最新动态
推荐最新动态
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号