JavaScript onclick 事件：鼠标点击页面某个对象_JavaScript基础教程

JavaScript onclick 事件

当鼠标点击页面上某个对象时，会触发 onclick 事件，如下例子所示：

<html>
<head>
<script type="text/javascript">

function hello(){
    var name = document.getElementById("name").value;
    if( name == "") {
        alert("请输入你的姓名！");
        return false;
    } else {
        alert(name + "，你好！");
    }
}

</script>
</head>
<body>
姓名：<input type="text" id="name" />
<input type="button" onclick="hello()" value="确定" />
</body>
</html>

在上面的例子中，对确定按钮设定了 onclick 事件属性，其值为 "hello()" JavaScript 函数，也即当点击按钮时，执行 hello 函数。

该例子的运行效果，您不妨拷贝本段代码在自己电脑上亲自试一试。