关于锚点的a标签(转载)

说明

比如说当一个页面里面有一个这样的标签 name 为 hello 的锚点

这个<a>标签可以称之为一个"锚点"

当然页面上还有这两个超链接<a>标签。

<a href="#hello">回到 name 为 hello 的锚点</a><br>
<a href="#">回到顶层</a>

好那么现在开始讲解 :href="#hello" 的时该<a>标签可以回到页面内一个 name 属性为 hello 的一个<a>标签(name="hello")。

当 href="#"的时候该超链接<a>标签可以回到页面顶端。

下面来看实际的代码来体验下效果。

html 代码:

<span style="font-size:18px;"><div id="area1"></div>
<a name="hello" >name为hello的锚点</a>
<div id="area2"></div>
<a href="#hello">回到name为hello的锚点</a><br>
<a href="#">回到顶层</a></span

javascript 脚本段:

<span style="font-size:18px;"><script type="text/javascript">

$(document).ready(function()
{
    for(var i = 0 ; i < 20 ; i++)
    {
        $("#area1").append("<p>helloworld " + i + "</p>");
    }

    for(var i = 0 ; i < 40 ; i++)
    {
        $("#area2").append("<p>helloworld " + i + "</p>");
    }
});

</script></span>

最后

十分感谢原博主，原博客的地址为
https://blog.csdn.net/u013803262/article/details/45267459

__EOF__

本文作者：damarkday知识库
本文链接：https://www.cnblogs.com/GoodMemoryBlog/articles/14273215.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！