html中設(shè)置錨點(diǎn)定位的幾種常見方法
發(fā)布時間: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)頁制作中超級鏈接的一種,又叫命名錨記,下面以實例的方式為大家介紹下錨點(diǎn)的使用,不了解的朋友可不要錯過哦2013-11-21HTML5實現(xiàn)錨點(diǎn)時請使用id取代name
HTML5已經(jīng)去掉name屬性,實現(xiàn)錨點(diǎn)時請使用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)的使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-06-21