href的那些事

很多网站中都会使用<a>标签和 href属性来做链接，尤其在分页显示中用得最普遍。然而很多人对href的使用却并不十分了解。

1、href="#" 这个在网页中上滚回顶部的意思，是 href="#top"的简写。但在Jquery Mobile中这个是"返回上一页"（这个功能需要引用一些库文件），而不会滚回顶部（出自：《Building Android Apps with HTML,CSS and Javascript》）！

2、href=""  这个看起来似乎是空链接是吧，但是其实它是刷新页面（在JQM中除外）！

3、href="javascript:void(0);"  很多网站都是用这个来表示该链接点击不会跳转链接，（例如：新浪微博、QQ空间），偶尔会右键新标签打开页面（或者鼠标手势该操作）就会打开一个空页面，页面标题是空的，地址栏就是javascript:void(0); 。

4、<a >标签中不设置 href 属性，不设置href属性的a标签不会继承默认的a标签应有的样式（如经典的下划线和蓝色字，划过时指针变为小手等），这样的话还不如设置为span标签。

5、Jquery提供的 function(e){ e.preventDefault(); } 阻止跳转。

下面的截图分别是第2、3、4点的href在JQM的表现（注：蓝色的浅框是含href属性的a标签的默认CSS在JQM中的表现形式）：