点击超链接调用javascript函数
来源:互联网 发布:angus young知乎 编辑:程序博客网 时间:2024/06/06 17:18
点击超链接调用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;中断了执行,所以页面就不会跳到最上部了。
但这有个缺点,就是点击链接后,页面上的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;中断了执行,所以页面就不会跳到最上部了。
- 点击超链接调用javascript函数
- 点击超链接调用javascript函数
- 点击超链接调用javascript函数
- 超链接调用 JavaScript 函数
- 利用超链接调用javascript函数
- 如何正确利用超链接调用JavaScript函数
- 如何正确利用超链接调用javascript函数
- 如何正确利用超链接调用 JavaScript 函数
- 如何正确利用超链接调用JavaScript函数
- 如何正确利用超链接调用 JavaScript 函数
- 如何正确利用超链接调用 JavaScript 函数
- 在点击一个超链接后调用一个js函数
- 如何在统计图超链接里调用JavaScript函数
- javascript点击<a>超链接标签的实现
- 润乾报表超链接调用js函数
- 润乾报表超链接调用js函数
- 润乾报表超链接调用js函数
- android WebView 应用内点击超链接不调用系统浏览器
- javasript:前缀 与 事件处理程序的邦定
- 收集网文:对 window.execScript(sExpression, sLanguage) 探究
- 批量消除超链接虚线框 onfocus=”this.blur()”
- 三位大学生的创业故事
- linux中的pushd命令及栈原理
- 点击超链接调用javascript函数
- 从 Flickr 的 DB 服务器配置说起 Swap
- HR实现虚线效果
- 如何为greasemonkey开发userScript
- 大学生创业故事:短信聊天聊成了心理咨询老板
- vss+eclipse
- SATA硬盘的硬件安装明明白白用SATA硬盘
- Postgre 中的 null 列
- iptables使用