试看如下代码:
<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;
中断了执行,所以页面就不会跳到最上部了。
标注一段代码:
<li><a href onclick="javascript:foreach();" href="empManage!loginOut.action" style="color:white" ><img src="images/ico_logout.gif"/>注销</a></li>
当点击注销时,action 必须跟在href后面,这样才能跳转,不然不会跳刀登录页面,直接超链接href可以,或者window.location.href也可以
分享到:
相关推荐
本文介绍使用超链接调用javasript函数且不会影响GIF图片动画的方法,有遇到相同问题的小伙伴可以参考一下。
” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” ,其中[removed]是伪协议,它可以让我们通过一个链接来调用javascript函数.而采用这个方式 [removed];可以实现A标签的点击事件...
javascript函数的解释,解释了具体函数的功能,一、函数JavaScript函数集合 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:...
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进制 ...
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基础 ...
14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...
对应网页动态部分或涉及Iframe框架嵌入,涉及Ueditor等,无法通过XPath路径采集的,则通过Js注入,实现Js调用C#函数,实现内容的完整采集。采集完成后支持可以导出Excel或Xml。本程序适合各种网页内容采集、分析、...
1、Javacsript实现超链接:点点</a> 2、JavaScript中函数调用可以在函数声明之前。 3、JavaScript 中不像C#中那样要求所有路径都有返回值,没有返回值时返回undefined 匿名函数: 代码如下: var f1=function(i1,i2){...
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基础 ...
• sample18.htm 通过事件调用JavaScript代码 • sample19.htm 一段错误的JavaScript代码(调试用) 第3章(\代码\第03章) • sample01.htm 转换成数字型 第4章(\代码\第04章) • ...
window.open是javascript函数,该函数的作用是打开一个新窗口或这改变原来的窗口,不过一般用来的是打开新窗口,因为修改原来的网页地址,可以有另一个函数,那就是[removed],他可以重定向网页地址,使网页跳转到另...
JavaScript:定义行为和动作 (基于对象和事件驱动的客户端脚本语言;也是一种广泛应用于客户端Web开发的脚本语言) 基于对象:网页中的一切...22.全局函数:不用任何对象点(.)就可以调用--可用于所有的 JavaScript ...
47.当在超链接中调用JS函数时用:(javascript :)来开头后面加函数名 48.在老的浏览器中不执行此JS:<!-- //--> 49.引用一个文件式的JS:<script type="text/javascript" src="aaa.js"> 50.指定在不支持脚本的浏览器显示...
2. xhEditor进阶使用 ...说明:此函数可以在插件内部或者外部Javascript代码中进行调用 showModal:显示模式窗口 参数1:模式窗口的标题title 参数2:模式窗口的内容content 参数3:模式窗口的宽度w ...
为“查看购物车”超链接添加href = "javascript:showCart();” Js函数showCart()请自行添加,功能:提交cart/showCart.do请求,结果填充到div。 6 showCart.jsp页面 ShowCart.jsp已经提供,请拷贝到webRoot/pa
javascript函数的定义 Dom直接选择器 Dom间接选择器 示例之模态对话框 示例之全选和反选以及取消 javascript必须加分号 示例之后台管理左侧菜单 今日内容梳理 本周作业 第16周 上节作业问题答疑 今日内容计划 CSS...
2.23 取兑换率的Javascript函数 62 2.23.1 一个原币和一个折币getGgExchProcess 62 2.23.2 一个原币和多个折币getGgExchListProcess 63 2.23.3 多个原币和一个折币getGgExchListListProcess 63 2.23.4 关于回调函数 ...
函数调用深入理解 函数使用注意事项① 8-22 5.函数使用注意事项② 函数作业布 8-23 1.函数再回顾 自定义函数 8-23 2.位运算① 8-23 3.位运算② 8-23 4.数组介绍 数组的创建 ?榈谋槔? 8-23 5.数组的引用 数组使用...
函数调用深入理解 函数使用注意事项① 8-22 5.函数使用注意事项② 函数作业布 8-23 1.函数再回顾 自定义函数 8-23 2.位运算① 8-23 3.位运算② 8-23 4.数组介绍 数组的创建 ?榈谋槔? 8-23 5.数组的引用 数组使用...