夺命雷公狗---javascript NO:07 事件编程介绍

1、什么事件驱动式

答：在JavaScript中，用户的行为（点击、移动等）都会被JavaScript代码中的事件所捕获，并执行相应的事件处理程序，我们把这个过程就称之为事件驱动式。

 

<input type=’button’ onclick=’alert(‘hello’);’ />

 

 

2、什么是事件的处理程序

例1：定义一个按钮为其赋值一个事件，弹出一个hello world

 

<!DOCTYPE html>
<html>
<head>
<meta charset=’utf-8′>
<title></title>
</head>
<body>
<input type=”submit” value=”点击” onclick=”alert(‘hello world’);”>
</body>
</html>

 

 

例2：定义一个按钮为其赋值一个事件，弹出两个hello world

 

<!DOCTYPE html>
<html>
<head>
<meta charset=’utf-8′>
<title></title>
</head>
<body>
<input type=”submit” value=”点击” onclick=”alert(‘hello world’); alert(‘hello world2′);”>
</body>
</html>

 

 

例3：定义一个按钮为其赋值一个事件，弹出100个hello world，

这样如果写多一百次alert（‘hello world’）；也是可以实现的，但是这样的话，那代码量就会太大了

所以我们可以使用到循环

示例：

 

<!DOCTYPE html>
<html>
<head>
<meta charset=’utf-8′>
<title></title>
</head>
<body>
<input type=”submit” value=”点击” onclick=”fun();”>
<script>
function fun(){
for(var i=0;i<=100;i++){
alert(‘hello world’);
}
}
</script>
</body>
</html>

 

posted @ 2015-12-09 09:34  夺命雷公狗  阅读(149)  评论(0)  编辑  收藏  举报