html中设置锚点定位的几种常见方法
发布时间:2014-05-28 15:09:44 作者:佚名
我要评论

在html中设置锚点定位我知道的有几种方法,使用id定位、使用name定位、使用js定位,这些方法大家可以参考下
在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>
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中的锚点想必大家并不陌生吧,锚点是网页制作中超级链接的一种,又叫命名锚记,下面以实例的方式为大家介绍下锚点的使用,不了解的朋友可不要错过哦2013-11-21
- HTML5已经去掉name属性,实现锚点时请使用id,下面有个不错的示例支持Chrome,火狐,IE8以上等浏览器,新手朋友们可以学习下哦2013-09-06
- ie,360下html锚点失效,想必有不少朋友遇到过这样的问题吧,下面为大家讲解下具体的解决方法,感兴趣的朋友可以参考下哈2013-05-13
- 很少用到锚点的知识,但今天又看到了,就要记录下来,它同样也有着如asp传值一样的功效,虽然不是那么强打2010-03-04
- 什么是HTML锚点,锚点应该如何用?这篇文章主要为大家详细介绍了HTML中锚点的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-06-21
最新评论