美文网首页
四,假链接与锚点

四,假链接与锚点

作者: 绝恋轩儿 | 来源:发表于2017-01-06 19:29 被阅读0次

一,假链接

1,定义

鼠标点击之后页面不会跳转的链接我们称之为假链接。

2,意义

在企业开发前期,其它界面都没有写出来,那么我们就不知道应该跳转到什么地方,所以就只能使用假链

接来代替.当项目后期其它界面都已经完成时再将假链接体会为真链接

3,书写格式

1)#

2)JavaScript:

区别:

#的假链接会自动回到网页的顶部,而javascript:的假链接不会自动回到网页顶部,在企业开发中,我

们经常用#来设置网页的回顶按钮。

二,锚点

1.要想通过a标签跳转到指定的位置,那么必须告诉a标签一个独一无二的身份证号码,这样a标签才能

在当前界面中找到需要跳转到的目标位置。

2.如何和HTML中的标签绑定一个ID?

在HTML中,每一个标签都有一个名称叫做id的属性,这个属性就是用来给标签指定一个独一无二的身

份证号码的。

3.所以要想实现通过a标签跳转到指定的位置分为两步

1)给目标位置的标签添加一个id属性,然后指定一个独一无二的值:

2)告诉a标签你需要跳转到的目标标签对应的ID是多少。

格式:

<a href="#center">跳转到中部</a>

<h2 id="center">我是中部</h2>

注意:

1.通过我们的a标签跳转到指定的位置,是没有过度动画的,是直接一下子就跳转到了指定位置;

2.a标签除了可以跳转到当前界面的指定位置以外,还可以在跳转到其它界面的时候直接跳转到其它界

面的指定位置。

格式:

相关文章

  • 四,假链接与锚点

    一,假链接 1,定义 鼠标点击之后页面不会跳转的链接我们称之为假链接。 2,意义 在企业开发前期,其它界面都没有写...

  • a标签,假链接,锚点

    1、a标签 作用:a标签用于控制页面与页面之间的跳转,即超链接。 格式: 链接所用的文字或图片 注意: (1) 必...

  • 路径问题&假链接&锚点

    路径问题 其实想给src属性赋值有两种方式: 通过相对路径赋值(掌握)相对路径就是每次都从.html文件所在的文件...

  • 9-假链接和锚点

    一、假链接 1、什么是假链接? 点击之后不会跳转的链接。 2、假链接的意义: 在企业开发前期,其他界面都还没有写出...

  • 前端学习笔记一一HTML如何添加锚点

    页面添加锚点的三种方式 HTML中的链接,正确的说法应该称作"锚点",它命名锚点链接(也叫书签链接)常常用于那些内...

  • HTML基础学习

    1.1 锚点定位 (难点) 通过创建锚点链接,用户能够快速定位到目标内容。 创建锚点链接分为两步: 1.2 bas...

  • HTML(三)锚点和列表

    锚点标签 .... 作用:同一个文档中创建指向该锚(位置)的链接 定义是用的name属性,锚点链接使用href属性...

  • Vue锚点链接

    锚点链接是我们在开发中经常会用到的一个技术点,常见的常见有,页面内容过多,而我们不希望拿鼠标一直来回滚动,就需要用...

  • 锚点链接实现

    用到onpagescroll方法获取页面的滚动高度和获取元素距离页面顶部的高度。

  • 三、HTML 图片路径、链接、锚点

    1. 图片路径 2. 链接 链接 锚点

网友评论

      本文标题:四,假链接与锚点

      本文链接:https://www.haomeiwen.com/subject/ncjxbttx.html