首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2013-03-06 
JS学习之二(a href 的应用小技巧)昨天在写JS的时候,突然写到一个超链接的时候,想到了下面的问题。Html代码:

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方法,不会将滚动条滚到页面最顶部

 

热点排行
Bad Request.