<a>标签 href属性值为#或以#开头的意思
比如说当一个页面里面有一个这样的标签 <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>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。