点击超链接调用 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>
解决方法探讨:
<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; 中断了执行,所以页面就不会跳到最上部了。
分享到:
相关推荐
本文介绍使用超链接调用javasript函数且不会影响GIF图片动画的方法,有遇到相同问题的小伙伴可以参考一下。
” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” ,其中[removed]是伪协议,它可以让我们通过一个链接来调用javascript函数.而采用这个方式 [removed];可以实现A标签的点击事件...
servlet调用的几种方式 共4类常用调用方式: 1、通过URL调用 2、通过提交表单 3、超链接 4 、JavaScript写一个函数,调用这个函数
14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...
14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...
当用户调用上下文菜单中,右键点击,选择项“复制超链接文本”镶边将打开一个提示对话框,以便用户可以手动复制的超链接中。例如文本><a>GOOGLE并且还<a>GOOGLE 在其他标签组合复制超链接文本会在chrome提示对话框中...
精通HTML5+CSS3+JavaScript网页设计是网页设计的精髓的一本书,《精通HTML5 + CSS3+JavaScript网页设计》以应用实例和综合实战案例的形式逐一详解了HTML5网页设计的文档结构、文本、图像、用HTML5创建超链接、表格、...
47.当在超链接中调用JS函数时用:(javascript:)来开头后面加函数名 48.在老的浏览器中不执行此JS:<!-- //--> 49.引用一个文件式的JS:<script type="text/javascript" src="aaa.js"> 50.指定在不支持脚本的浏览器显示...
2.8.1 定义和调用函数 2.8.2 用arguments对象访问函数的参数 2.8.3 实例:杨辉三角 2.9 其他对象 2.9.1 对象简述 2.9.2 时间日期:Date对象 2.9.3 数学计算:Math对象 2.10 BOM基础 ...
47.当在超链接中调用JS函数时用:(javascript :)来开头后面加函数名 48.在老的浏览器中不执行此JS:<!-- //--> 49.引用一个文件式的JS:<script type="text/javascript" src="aaa.js"> 50.指定在不支持脚本的浏览器显示...
2.8.1 定义和调用函数 2.8.2 用arguments对象访问函数的参数 2.8.3 实例:杨辉三角 2.9 其他对象 2.9.1 对象简述 2.9.2 时间日期:Date对象 2.9.3 数学计算:Math对象 2.10 BOM基础 ...
1、Javacsript实现超链接:点点</a> 2、JavaScript中函数调用可以在函数声明之前。 3、JavaScript 中不像C#中那样要求所有路径都有返回值,没有返回值时返回undefined 匿名函数: 代码如下: var f1=function(i1,i2){...
15.JavaScript中的所有事物都是对象,分为三类: |--简单对象:String、Number、Boolean |--组合对象:Array、Math、Date |--复杂对象:Function、Regex、Object等 16.Array排序: |--升序:function compare(a...
专用的“ JavaScript XHR”视图显示了在概要分析的后端中处理的所有XHR调用JavaScript调用树,以及将您带到执行站点的超链接。 该扩展程序在工具栏上添加了一个按钮,用于启动和停止XHR跟踪。 支持语言:English
语言:English 将xhr和fetch请求跟踪到您的... 专用的“javascript xhr”视图显示了在分布的后端处理的所有XHR调用JavaScript调用树以及带到执行站点的超链接。 扩展将按钮添加到工具栏中,以启动和停止XHR跟踪。
为“查看购物车”超链接添加href = "javascript:showCart();” Js函数showCart()请自行添加,功能:提交cart/showCart.do请求,结果填充到div。 6 showCart.jsp页面 ShowCart.jsp已经提供,请拷贝到webRoot/pa
当用户调用上下文菜单中,右键点击,选择项“复制超链接文本”镶边将打开一个提示对话框,以便用户可以手动复制的超链接中。例如文本> GOOGLE并且还GOOGLE 在其他标签组合复制超链接文本会在chrome提示对话框中提示...
4. 为了让 WebView 能够响应超链接功能,调用 setWebViewClient()方法,设置 WebView 视图 5. 用 WebView 点链接看了很多页以后为了让 WebView 支持回退功能,需要覆盖覆盖 Activity 类的 onKeyDown()方法 6. 需要在...
而且,大多数人认为a标签最重要的作用是实现超链接,今天我刚好碰到a标签的一种写法<a></a>,所以就来整理下a标签中href的几种用法。 一、js的几种调用方法(参考总结的) 1、a href="[removed]js_method();" 这...
为一个链接注册双击事件,或者让一个按钮或者其他元素上面同时注册单击或者双击事件,这时候我们发现网页中的双击事件似乎永远都不会起作用,原因是当我们点击一次的时候,就被超链接或者单击事件截获了,本文描述了...