JS学习之二（a href 的应用小技巧）

昨天在写JS的时候，突然写到一个超链接的时候，想到了下面的问题。

Html代码：

<a href="javascript:void(0)" onclick=""showMesg('zw1') >查看详情</a><a href="javacript:showMesg('zw1')" >查看详情</a>

JS代码：

<script> function showMesg(obj){  }</script>

 

于是想到上面的两个超链接有什么区别，虽然最后的效果是达到一样的，但究竟有什么区别呢？便查找资料，总结如下：

在一个超链接中可以使用href和onlick，有时要在a的标记同时使用，在同时使用时，有时让href起作用或者失效

(1)<a href="#" ></a>点击后不跳转页面，会将滚动条滚到页面最顶部

(2)<a href="#top" ></a>当页面显示到id为top的锚点位置

(3)<a href="#" onclick="javascript:方法"></a>
调用一个javascript方法，会将滚动条滚到页面最顶部

(4)<a href="#" onclick="javascript:方法;return false;"></a>调用一个javascript方法，不会将滚动条滚到页面最顶部

(5)<a href="javascript:void(0)" ></a>点击后没有任何操作(在IE中可能会引起一些问题，比如：造成gif动画停止播放等)

(6)<a href="javascript:void(0)" onclick="javascript:方法;"></a>调用一个javascript方法，不会将滚动条滚到页面最顶部