HTML 锚点学习

    xiaoxiao2023-03-24  2

    文章摘抄

    http://www.jb51.net/web/118579.html

    http://blog.csdn.net/ghsau/article/details/7518678

     

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

    英文名:anchor 

    使用命名锚记可以在文档中设置标记,这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接,这些链接可快速将访问者带到指定位置。 

     

    创建到命名锚记的链接的过程分为两步:

    首先,创建命名锚记,

    然后,创建到该命名锚记的链接

     

    其实锚点只需name就可以可,加id是为了让它兼容性更好.

     

    案例

    1. 在同一页面中

    <a name="add"></a><!-- 定义锚点 --> <a href="#add">跳转到add</a>

      

    2. 在不同页面中,锚点定位在a.html中,从另外一个页面的链接跳转到这个锚点

    <a href="a.html#add">跳转到a.add</a>

      

    3. 点击链接触发js事件,同时跳转到锚点,有两种处理方式:

    第一种:

    <a href="#add" οnclick="add()">触发add函数并跳转到add锚点</a>

      

    第二种:

    <div id="divNode"><!-- contents --></div><!-- 假设一个需要跳转到的节点 --> <a href="#" οnclick="document.getElemetnById('divNode').scrollIntoView(true);return false;">通过scrollIntoView实现锚点效果</a>

     

     

    转载请注明原文地址: https://ju.6miu.com/read-1200039.html
    最新回复(0)