html中设定锚点精准定位的几种普遍方式

在html中设定锚点精准定位我了解的有几种方式,在此和大伙儿共享1下:

1、应用id精准定位:

拷贝编码
编码以下:

<a href="#1F" name="1F">锚点1</a>
<div name="1F">
<p>

</br>

</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</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 class="" onclick="javascript:document.getElementById('here').scrollIntoView()"></li>