JavaScript onClick事件处理器

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!′)

下图所示的是单击这个按钮得到的结果。

JavaScript onClick事件处理器

说明:区分大小写
也许有人注意到了,我们称这个事件处理器为onClick,而在HTML元素里添加它时却使用小写的onclick。这是因为HTML是不区分大小写的,而XHTML是区分大小写的,并且要求全部的HTML元素及属性名称都使用小写字母。

酷客网相关文章:

赞(0)

评论 抢沙发

评论前必须登录!