快速业务通道

将事件处理器作为HTML标记的属性

作者 佚名技术 来源 网页制作 浏览 发布时间 2012-03-07
t;somepage.htm" name="linkSomePage">

Click Me

</A>

</body>

</hml>

按照现在的情况,这个页面除具有一个超链接之外并无其他的功能。单击超链接,将导航到一个新的页面somepage.htm,这是我们创建的另一个页面。对于超链接,我们还没有加上事件处理器。

正如上文所述,要为某个BOM对象添加事件处理器,最常用且最简单的方法就是直接将事件处理代码作为HTML标记的属性,添加在HTML标记中。在本例中,需要捕获的就是由<A>标记所定义的A对象的click事件。当用户单击这个超链接时,我们希望能捕获该click事件,并执行相应的事件处理代码。因此,需要为<A>标记添加一个事件处理器,即onclick事件处理器。可以把onclick事件处理器作为一个属性添加在<A>标记中,并把该属性的值设置为事件触发时要执行的处理代码。

可以将<A>标记修改为如下代码:

<A href="somepage.htm" name="linkSomePage" onclick="alert(''You Clicked?'')">

Click Me

</A>

现在,为<A>标记添加了一个属性:onclick="alert(''You Clicked?'')"。此时,当用户单击了这个超链接,将弹出一个消息对话框。之后,超链接才会执行默认的功能,并链接到由<A>标记的href属性所定义的页面。

如果连接到事件处理器的代码只有一行,这个办法就是可行的。但是当超链接被单击时,所执行的事件处理代码是多行时,那该怎么办呢?

其实很简单,我们只需要把希望执行的事件处理代码定义为一个函数,然后在onclick事件处理器中调用这个函数。请看下面的代码:

<html>

<body>

<script language="JavaScript">

function linkSomePage_onclick()

{

alert(''You Clicked?'');

return true;

}

</script>

<A href="somepage.htm" name="linkSomePage" onclick="return

linkSomePage_onclick()">

Click Me

</A>

</body>

</html>

在上面的脚本块中,创建了一个linkSomePage_onclick()函数,这是一个标准的函数。同时为了提高代码的可读性,我们为函数取了一个具有描述性的名字。此处,使用了ObjectName_event()这样的形式作为函数的名称。采用这种形式的名称,可以很直接地看到这个函数与页面上的哪一个对象关联,并且连接的是哪一个事件。因此,在上面这个例子中,将函数定义为linkSo

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号