比如说当一个页面里面有一个这样的标签 <a name="hello" >name为hello的锚点</a>
这个<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>