将事件处理器作为HTML标记的属性
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 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |