html中設置錨點定位的幾種常見方法

字號:


    在html中設置錨點定位我知道的有幾種方法,在此和大家分享一下:
    1、使用id定位:
    代碼如下:
    <a href="#1F" name="1F">錨點1</a>
    <div name="1F">
    <p>
    11111111111
    </br>
    11111111111
    </br>11111111111
    </br>11111111111
    </br>11111111111
    </br>11111111111
    </br>11111111111
    </br>11111111111
    </br>11111111111
    </br>11111111111
    </br>11111111111
    </br>11111111111
    </br>11111111111
    </br>11111111111
    </br>11111111111
    </br>11111111111
    </br>
    </p>
    </div>
    這樣的定位可以針對任何標簽來定位。
    2、使用name定位:
    代碼如下:
    <a href="#5F">錨點5</a>
    </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>
    <a name="5F">1111111</href>
    使用name屬性只能針對a標簽來定位,而對div等其他標簽就不能起到定位作用。
    3、使用js定位
    代碼如下:
    <li onclick="javascript:document.getElementById('here').scrollIntoView()"></li>