我们之前提到过函数的调用。函数定义之后,默认是不会执行的,这时候就需要一些事件来触发这个函数的执行。

JavaScript很多有很多事件,例如鼠标的点击、移动,网页的载入和关闭。我们先来定义一个函数,再看几个事件的实例。

统一的示例函数:

<script type="text/JavaScript">

function displaymessage()

{

    alert("我是菜鸟我怕谁!");

}

</script>

函数很简单,只是显示一条消息。

1、点击事件

使用点击事件调用,需要给元素设置onclick属性。示例代码如下:

<button value="点击提交" onclick="displaymessage()">onclick调用函数</button>

由于设置了onclick="displaymessage()",因此点击按钮则会调用函数。

窗体顶端

2、鼠标经过、移出事件

使用鼠标经过事件调用函数的代码如下:

<button value="鼠标滑过" onmouseover="displaymessage()">鼠标滑过调用函数</button>

当鼠标经过按钮时,触发onmouseover事件,将会调用函数displaymessage()。

使用鼠标移出事件调用函数的代码如下:

<button value="鼠标移出" onmouseout="displaymessage()">鼠标移出调用函数</button>

把鼠标移动到这个按钮里面,当再移动出去时,触发onmouseout 事件,将会调用函数displaymessage()。