超链接怎么正确调用javascript函数
更新时间：2016年05月23日 15:24:47 作者：秦风
本文介绍使用超链接调用javasript函数且不会影响GIF图片动画的方法，有遇到相同问题的小伙伴可以参考一下。
点击超链接调用 JavaScript 函数，一般人都用：
复制代码 代码如下:
<a href="javascript:function();">
但这有个缺点，就是点击链接后，页面上的GIF动画将静止。
试看如下代码：
复制代码 代码如下:
<script type="text/javascript">
<!--
function Foo()
{
//do something
}
//-->
</script>
<img src="logo.gif" alt="GIF 动画" />
<a href="javascript:Foo();">使 GIF 动画静止的链接</a>
<!--
function Foo()
{
//do something
}
//-->
</script>
<img src="logo.gif" alt="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>
如果不考虑GIF图片的问题，以上方法均可。
您可能感兴趣的文章:
相关文章
这篇文章主要为大家详细介绍了javascript实现计算器功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
这篇文章主要介绍了JavaScript实现的经典文件树菜单效果,通过JavaScript结合json数组实现文件树菜单的效果,非常简单实用,需要的朋友可以参考下2015-09-09
这篇文章主要给大家分享一段javascript实现获取浏览器版本、操作系统类型的封装好的代码，使用非常方便，也很实用，推荐给大家。2015-01-01
原型方法的不同写法居然会影响调试的解决方法...2007-03-03
这篇文章主要给大家介绍了关于如何利用JavaScript实现二叉搜索树的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-04-04
深入理解JavaScript系列（26）：设计模式之构造函数模式详解
这篇文章主要介绍了深入理解JavaScript系列（26）：设计模式之构造函数模式详解,本文讲解了基本用法、构造函数与原型、只能用new吗？、强制使用new、原始包装函数等内容,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了JS简单编号生成器实现方法,涉及JavaScript针对表单与字符串操作的相关技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2016-04-04
这篇文章主要介绍了JavaScript Window窗口对象属性和使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-01-01
这篇文章主要介绍了JavaScript实现同一个页面打开多张图片，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
这篇文章主要介绍了微信小程序实现获取用户信息并存入数据库操作,涉及微信小程序wx.request后台数据交互及php数据存储相关操作技巧,需要的朋友可以参考下2019-05-05
最新评论