客户端事件驱动()
JavaScript是基于对象(objectbased)的语言这与Java不同Java是面向对象的语言而基于对象的基本特征是采用事件驱动(eventdriven)在图形界面的环境下事件驱动方式使得输入操作简化通常由鼠标动作或热键的触发执行被称之为事件(Event)而由鼠标或热键引发的一连串程序的动作称之为事件驱动(Event Driver)对事件进行处理程序或函数则被称之为事件处理程序(Event Handler)
在JavaScript中对象事件的处理通常由函数(Function)完成其基本格式与函数全部一样可以将前面所介绍的所有函数作为事件处理程序格式如下
Function 事件处理名(参数表){
事件处理语句集
M
}
JavaScript事件驱动中的事件是通过鼠标或热键的动作触发的常用的事件如下所示
单击事件onClick
当用户单击鼠标按钮时产生onClick事件同时onClick指定的事件处理程序或代码将被调用执行通常在下列基本对象中产生
button(按钮对象)
checkbox(复选框)或(检查列表框)
radio(单选钮)
reset buttons(重要按钮)
submit buttons(提交按钮)
例如可以通过下列按钮激活change()函数
<Form>
<Input type=button Value= onClick=change()>
</Form>
在onClick等号后可以使用自己编写的函数作为事件处理程序也可以使用JavaScript中内部的函数或者直接使用JavaScript的代码等比如
<html>
<head>
<title>onclick事件测试程序</title>
<script language=JavaScript>
<!
function test(){
do{
username=prompt(welcome to visit this page)
}while(username==)
documentwrite(usernamehello)
}
//>
</script>
</head>
<body>
<input type=button value=touch name=button onClick=test()>
</body>
</html>
在浏览器中运行上述代码的效果如图所示
图 onClick事件测试效果图
向文本框中输入Hello world!的测试信息单击确定按钮浏览器输出如下信息
hello world!hello
通过上面的浏览器提示信息可以知道代码已经运行成功
返回目录PHP典型模块与项目实战大全
编辑推荐
Java Web开发详解
PHP Web开发学习实录
ASP NET开发培训视频教程