使用id定位

a標(biāo)簽的href屬性設(shè)置成要定位的元素的id

 <a href="#5">a鏈接，使用href=“#要定位的id”來(lái)定位</a>
       <div id="1">1</div>
       <div id="2">2</div>
       <div id="3">3</div>
       <div id="4">4</div>
       <div id="5">5</div>
       <div id='6'>6</div>
       <a name="name">a標(biāo)簽</a>

點(diǎn)擊后div6就會(huì)出現(xiàn)在視野中。

使用name定位

此方法只適用于a標(biāo)簽之間，a鏈接使用href=“#要定位的name”來(lái)定位

 <a href="#n">a鏈接使用href=“#要定位的name”來(lái)定位，此方法只能定位a標(biāo)簽</a>
       <div id="1">1</div>
       <div id="2">2</div>
       <div id="3">3</div>
       <div id="4">4</div>
       <div id="5">5</div>
       <div id='6'>6</div>
       <a name="n">a標(biāo)簽</a>

點(diǎn)擊后內(nèi)容是'a標(biāo)簽'的就會(huì)出現(xiàn)在視野中。

js

使用元素的方法scrollIntoView()

<span onclick="javasctipt:document.getElementById('6').scrollIntoView()">使用js來(lái)定位</span>
      
       <div id="1">1</div>
       <div id="2">2</div>
       <div id="3">3</div>
       <div id="4">4</div>
       <div id="5">5</div>
       <div id='6'>6</div>
       <a name="n">a標(biāo)簽</a>

點(diǎn)擊后div6就會(huì)出現(xiàn)在視野中。

注意：可以從一個(gè)頁(yè)面鏈接到另一個(gè)頁(yè)面的錨記位置<a href="maodian2.html#other_page" target="_blank">另一個(gè)頁(yè)面?zhèn)魉烷T</a>maodian2.html是另一個(gè)頁(yè)面，l#other_page是另一個(gè)頁(yè)面的元素id