夺命雷公狗---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>
原文地址:https://www.cnblogs.com/leigood/p/5031816.html