页面添加锚点的三种方式。。。。。【锚点】

 

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <b onclick="javascript:document.getElementById('m-cake').scrollIntoView()">锚点1</b>  

<a href="#a01">锚点2</a>  <a href="#m-cake">锚点3</a>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    

    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>

<h2 id="m-cake">跳转到锚点1,锚点3</h2>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    

    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>

<a name="a01">跳转到锚点2222222</a>
    

    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>


    

    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    

    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
    <p>ssdfffffffffff</p>
</body>
</html>

 

 

posted @ 2019-12-13 10:43  Shimily  阅读(538)  评论(0)    收藏  举报