从制造到创造
软件工程师成长之路
posts - 292,  comments - 96,  trackbacks - 0
点击超链接调用JavaScript函数,一般人都用<a href="javascript:function();">
但这有个缺点,就是点击链接后,页面上的GIF动画将静止。

试看如下代码:
<script language="javascript">
<!--
function Foo()
{
    
//do something
}
//-->
</script>
<img src="http://****/logo.gif">
<a href="javascript:Foo();">使GIF动画静止的链接</a>

解决方法探讨:
<a onclick="javascript:Foo();">链接</a>
此时不影响动画显示,但鼠标移上去后,鼠标及超链接样式不发生变化,虽然可以利用样式表来改变鼠标及超链接样式,但毕竟有些繁琐,况且这种思路也不好。
再考查如下代码:
<a onclick="javascript:Foo();" href="#">链接</a>
我们可以发现,虽然点击链接后不影响动画显示,但页面总是滚到最上面,这种效果也不是我们想要的。

最终解决方法:
<a onclick="javascript:Foo(); return false;" href="#">不影响GIF的链接</a>
由于点接链接后,先触发onclick,再执行href属性对应的值,在onclick中加上return false;中断了执行,所以页面就不会跳到最上部了。
posted on 2007-10-11 10:11 CoderDream 阅读(4432) 评论(2)  编辑  收藏 所属分类: JavaScript

FeedBack:
# re: 如何正确利用超链接调用JavaScript函数
2008-09-20 00:57 | ftpw
Thx  回复  更多评论
  
# re: 如何正确利用超链接调用JavaScript函数[未登录]
2012-08-22 16:29 | light
href="javascript:void(0)"就不会乱跳了  回复  更多评论
  

只有注册用户登录后才能发表评论。


网站导航:
 

<2007年10月>
30123456
78910111213
14151617181920
21222324252627
28293031123
45678910

常用链接

留言簿(9)

我参与的团队

随笔分类(245)

随笔档案(239)

文章分类(3)

文章档案(3)

收藏夹(576)

友情链接

搜索

  •  

积分与排名

  • 积分 - 454162
  • 排名 - 115

最新评论

阅读排行榜

评论排行榜