JavaScript: 页面元素事件属性

一、JavaScript函数

函数定义语法：

function function_name(var1, var2...){

     ...

     [return value]

}

var1, var2是自变量参数，如果函数有返回值，使用return语句。

 

二、页面元素事件属性

目前对于页面元素事件响应采用如下的形式：

onevent = "function1;fuction2..."

示例：

<input type="button" id="findseats" value="Find Seats" onclick="findSeats();" />

 

更为优雅的方式是设置页面元素的事件属性，形式是：object.onevent=function_name;

因此，上述示例等价于：

document.getElementById("findseats").onclick = findSeats;

onclick是一个事件属性，其值为函数名，注意不是findSeats();

更一般的形式是：

object.onevent=function(evt){

  statements;

}

evt是事件对象，如果不需要，可以省去。

可以类比Java Swing中的事件响应：

button.addActionListener (new ActionListener(Event evt) {...})

设置页面元素的事件属性一般在onload中设置，这时候页面刚加载，且只设置一次。

<script type="text/javascript">

window.onload = function() {
        document.getElementById("findseats").onclick = findSeats;

        document.getElementById("seat0").onclick = function(evt) {

                    showSeatStatus(0); };

        // Onload operations here

};

</script>