当前位置:编程学习 > JS >>

JS学习之二(a href 的应用小技巧)

昨天在写JS的时候,突然写到一个超链接的时候,想到了下面的问题。
Html代码:
[html]  
<a href="javascript:void(0)" onclick=""showMesg('zw1') >查看详情</a>  
  
<a href="javacript:showMesg('zw1')" >查看详情</a>  
 
JS代码:
[html] 
<script>  
 function showMesg(obj){  
  
  }  
</script>  
 
 
于是想到上面的两个超链接有什么区别,虽然最后的效果是达到一样的,但究竟有什么区别呢?便查找资料,总结如下: www.zzzyk.com
在一个超链接中可以使用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方法,不会将滚动条滚到页面最顶部
 
补充:web前端 , JavaScript ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,