首页 > Web开发 > 详细

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

时间:2016-02-08 09:06:54      阅读:232      评论:0      收藏:0      [点我收藏+]
在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>

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

原文:http://www.jb51.net/web/170879.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!