html中设置锚点定位的几种常见方法

前端技术 2023/09/05 HTML
在html中设置锚点定位我知道的有几种方法，在此和大家分享一下：

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、使用js定位

复制代码
代码如下:

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

本文地址：https://www.stayed.cn/item/14026

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案