JavaScript onClick事件处理器,onClick事件处理器几乎可以用于页面上任何可见的HTML元素。实现它的方式之一是给HTML元素添加一个属性:
onclick=" ...some JavaScript code... "
说明:给HTML元素添加事件处理器
虽然给HTML元素直接添加事件处理器是完全可行的,但现在人们已经不认为这是一种好的编程方式了。后面的文章会介绍更强大、更灵活的方式来使用事件处理器。
先来看一个范例,如下程序所示,使用onClick
事件处理器。
<!DOCTYPE html>
<html>
<head>
<title>onClick Demo</title>
</head>
<body>
<input type="button" onclick="alert(′You clicked the button!′)" value="Click Me" />
</body>
</html>
上述HTML代码在页面的body区域添加一个按钮,并且设置了它的onclick属性。给定onclick属性的值,是一些JavaScript代码,当单击该HTML元素时(在这个例子中,就是按钮),我们想要运行这些JavaScript代码。当用户单击这个按钮时,onClick事件被激活(通常称为“被触发”),然后属性中所包含的JavaScript语句将会执行。
本例中只有一条语句:
alert(′You clicked the button!′)
下图所示的是单击这个按钮得到的结果。
说明:区分大小写
也许有人注意到了,我们称这个事件处理器为onClick,而在HTML元素里添加它时却使用小写的onclick。这是因为HTML是不区分大小写的,而XHTML是区分大小写的,并且要求全部的HTML元素及属性名称都使用小写字母。
酷客网相关文章:
评论前必须登录!
注册