html中設(shè)置錨點(diǎn)定位的幾種常見方法
發(fā)布時(shí)間：2014-05-28 15:09:44 作者：佚名 
我要評論
我要評論在html中設(shè)置錨點(diǎn)定位我知道的有幾種方法，使用id定位、使用name定位、使用js定位，這些方法大家可以參考下
在html中設(shè)置錨點(diǎn)定位我知道的有幾種方法，在此和大家分享一下：
1、使用id定位：
<a href="#1F" name="1F">錨點(diǎn)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>
這樣的定位可以針對任何標(biāo)簽來定位。
2、使用name定位：
<a href="#5F">錨點(diǎn)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標(biāo)簽來定位，而對div等其他標(biāo)簽就不能起到定位作用。
3、使用js定位
<li class="" onclick="javascript:document.getElementById('here').scrollIntoView()"></li>
1、使用id定位：
復(fù)制代碼
代碼如下:<a href="#1F" name="1F">錨點(diǎn)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>
這樣的定位可以針對任何標(biāo)簽來定位。
2、使用name定位：
復(fù)制代碼
代碼如下:<a href="#5F">錨點(diǎn)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標(biāo)簽來定位，而對div等其他標(biāo)簽就不能起到定位作用。
3、使用js定位
復(fù)制代碼
代碼如下:<li class="" onclick="javascript:document.getElementById('here').scrollIntoView()"></li>
相關(guān)文章
html 網(wǎng)頁中的錨點(diǎn)(命名錨記)的使用介紹
html中的錨點(diǎn)想必大家并不陌生吧，錨點(diǎn)是網(wǎng)頁制作中超級鏈接的一種，又叫命名錨記，下面以實(shí)例的方式為大家介紹下錨點(diǎn)的使用，不了解的朋友可不要錯過哦2013-11-21HTML5實(shí)現(xiàn)錨點(diǎn)時(shí)請使用id取代name
HTML5已經(jīng)去掉name屬性，實(shí)現(xiàn)錨點(diǎn)時(shí)請使用id，下面有個不錯的示例支持Chrome，火狐，IE8以上等瀏覽器，新手朋友們可以學(xué)習(xí)下哦2013-09-06- ie,360下html錨點(diǎn)失效，想必有不少朋友遇到過這樣的問題吧，下面為大家講解下具體的解決方法，感興趣的朋友可以參考下哈2013-05-13
- 很少用到錨點(diǎn)的知識，但今天又看到了，就要記錄下來，它同樣也有著如asp傳值一樣的功效，雖然不是那么強(qiáng)打2010-03-04
HTML中錨點(diǎn)的使用_動力節(jié)點(diǎn)Java學(xué)院整理
什么是HTML錨點(diǎn)，錨點(diǎn)應(yīng)該如何用？這篇文章主要為大家詳細(xì)介紹了HTML中錨點(diǎn)的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-21