1. 程式人生 > >html中設置錨點定位的幾種常見方法

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

element 針對 htm com script int nbsp onclick .get

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,

<li class="" onclick="javascript:document.getElementById(‘here‘).scrollIntoView()"></li> 

4,個人比較喜歡的,之間界面互相定位跳轉的

< a href="http://www.hsgjyl.com/#tube_baby" >按鈕位置</ a>


<div id="tube_baby"></div> 跳轉的位置,直接放就可以

  

  

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