您的位置：首页 > Web前端 > JavaScript

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

2015-12-09 09:34 190 查看

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航