超链接怎么正确调用javascript函数
点击超链接调用JavaScript函数,一般人都用:
<ahref="javascript:function();">
但这有个缺点,就是点击链接后,页面上的GIF动画将静止。
试看如下代码:
<scripttype="text/javascript">
<!--
functionFoo()
{
//dosomething
}
//-->
</script>
<imgsrc="logo.gif"alt="GIF动画"/>
<ahref="javascript:Foo();">使GIF动画静止的链接</a>
解决方法探讨:
<aonclick="javascript:Foo();">链接</a>
此时不影响动画显示,但鼠标移上去后,鼠标及超链接样式不发生变化,虽然可以利用样式表来改变鼠标及超链接样式,但毕竟有些繁琐,况且这种思路也不好。
再考查如下代码:
<aonclick="javascript:Foo();"href="#">链接</a>
我们可以发现,虽然点击链接后不影响动画显示,但页面总是滚到最上面,这种效果也不是我们想要的。
最终解决方法:
<aonclick="javascript:Foo();returnfalse;"href="#">不影响GIF的链接</a>
如果不考虑GIF图片的问题,以上方法均可。
热门推荐
6 保研的祝福语简短
10 年轻20岁祝福语简短
11 朋友结婚祝福语信息简短
12 女孩婚礼贺卡祝福语简短
13 30段点歌简短祝福语
14 虎年春节祝福语图文简短
15 写给后妈祝福语大全简短
16 简短回复生日祝福语
17 校长送毕业祝福语简短
18 毕业立体贺卡祝福语简短