常常看到有些超链接移上去时,显示的是javascript:; 的一段JS声明,啥都没,看源码也没有
<a id="a" href="javascript:;" >确定</a>
把我个人猜想写下来,在这里献丑了。
方法一、
<a href="javascript:;" onclick="show();">确定</a>
<script>
function show(){alert("OK!");}
</script>
方法二、
<a id="a" href="javascript:;" ">确定</a>
<script for="a" event="onclick">
alert("OK!");
</script>
方法三、
<a id="a" href="javascript:;" ">确定</a>
<script>
var a = document.getElementById('a');
a.onclick= function(){ alert("OK!");};
</script>
方法四、
<a href="javascript:;" id="mylink">确定</a>
<script type="text/javascript">
function AttachEvent(type, target, handler, owner)
{
var eventHandler = handler;
if(owner)
{
// 在这里重新定义一个处理函数
eventHander = function(e)
{
handler.call(owner, e);
}
}
if(window.document.all)
target.attachEvent("on" + type, eventHander );
else
target.addEventListener(type, eventHander, false); //注意这里第一个参数是click而不是onclick
}
function MyLink_Click(e)
{
alert(this.name);
var target = e.srcElement || e.target;// 获取事件触发来源对象,即按钮对象(分为IE和Mozilla/firefox,e是event对象.
alert(target.href);
}
var myobj = new Object();
myobj.name = "这是我的名字";
var mylink = window.document.getElementById("mylink");
AttachEvent("click", mylink, MyLink_Click, myobj);
</script>
方法五、
用到了prototype.js的Event.observe
<script src="prototype.js"></script>
<a id="a" href="javascript:;" >确定</a>
<script>
function show(){ alert("OK!");}
Event.observe("a", "click",show );
</script>
分享到:
相关推荐
二、事件驱动原理 事件源:产生事件的地方(html元素) 事件:点击/鼠标操作/键盘操作等等 事件对象:当某个事件发生时,可能会产生一个事件对象,该时间对象会封装好该时间的信息,传递给事件处理程序 事件处理...
JavaScript对象,数组,字符串,使用正则表达式操纵字符串,客户端,控制文档结构的模型,JavaScript事件驱动模型,CSS,Cookie,XML和JSON,Ajax,深入JavaScript面向对象编程,深入JavaScript函数式编程,深入...
JavaScript的事件驱动.pdf
数组,字符串,使用正则表达式操纵字符串,客户端,控制文档结构的模型,JavaScript事件驱动模型,CSS,Cookie,XML和JSON,Ajax,深入JavaScript面向对象编程,深入JavaScript函数式编程,深入JavaScript动态化编程...
sazerac一个JavaScript数据驱动单元测试
[Addison-Wesley Professional] JavaScript 测试驱动开发 (英文版) [Addison-Wesley Professional] Test-Driven JavaScript Development (E-Book) ☆ 出版信息:☆ [作者信息] Christian Johansen [出版机构] ...
资源名称:测试驱动的Javascript开发内容简介:本书是一本完整的、基于最佳实践的Javascript敏捷测试指南,同时又有着测试驱动开发方法(TDD)所带来的质量保证。领先一步的Javascript敏捷开发者...
JAVASCRIPT驱动开发小教程-BY KISSY TEAM
测试驱动的Javascript开发-英文原版,对于测试驱动开发可以有一个深刻的理解。
资源名称:编写可靠的JAVAscript代码 测试驱动开发JAVAscript商业软件内容简介:《编写可靠的Javascript代码 测试驱动开发Javascript商业软件》分为5个部分:第Ⅰ部分“奠定坚实的基础”...
JavaScript事件驱动
arangojs, 官方 ArangoDB JavaScript驱动程序 ArangoDB驱动程序驱动程序官方ArangoDB低级JavaScript客户端。注意:如果你在 Foxx 中寻找 ArangoDB JavaScript请检查 ArangoDB文档,特别是 @arangodb MODULE 中导出
为了能够操纵浏览器和文档,JavaScript使用分层的父对象和子对象,这就是“文档对象模型”。这些对象的组织类似一个树型结构,并表示一个Web文档的所有内容和组件。 注意:”文档对象模型”不是JavaScript语言的一...
JavaScript+jQuery网页特效设计任务驱动教程-PPT.zip
本书分为5个部分: 第Ⅰ部分“奠定坚实的基础”涵盖了软件工程的关键概念,例如SOLID和DRY原 则,还讨论了单元测试和测试驱动...第Ⅴ部分“总结”回顾了测试驱动开发的概念,还展示了一些本书用到的JavaScript习 语。
Reaction 一个现代化的响应式,实时事件驱动的电子商务平台
学习如何在事件驱动的JavaScript API中自动侦听并查找错误模式_Learning how to listen Automatically finding bug patterns in event-driven JavaScript APIs.pdf
本篇文章是对javaScript中的事件驱动进行了详细的分析介绍,需要的朋友参考下
1.1、JavaScript是基于对象和事件驱动的(动态的) 它可以直接对用户或客户输入做出响应,无须经过Web服务程序。它对用户的响应,是采用以事件驱动的方式进行的。所谓事件驱动,就是指在主页中执行了某种操作所产生...