我们在访问网站的时候，有时会突然弹出一个小窗口，上面写着一段提示信息文字。如果你不点击“确定”，就不能对网页做任何操作，这个小窗口就是使用alert实现的。
**语法:**
~~~
alert(字符串或变量);
~~~
**看下面的代码:**
~~~
<script type="text/javascript">
var mynum = 30;
alert("hello!");
alert(mynum);
</script>
~~~
**注:alert弹出消息对话框(包含一个确定按钮)。**
*****
**结果:按顺序弹出消息框**
**[](http://img.mukewang.com/52e362430001bdd204850354.jpg)**
[](http://img.mukewang.com/52e362850001024d04840353.jpg)
**注意:**
1\. 在点击对话框"确定"按钮前，不能进行任何其它操作。
2\. 消息对话框通常可以用于调试程序。
3\. alert输出内容，可以是字符串或变量，与document.write 相似。
### 任务
在右边编辑器的第9行补充代码,使用alert，通过消息框输出变量mychar内容，点击按钮后弹出该对话框。
```
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>alert</title>
<script type="text/javascript">
function rec(){
var mychar="I love JavaScript";
alert(mychar);
}
</script>
</head>
<body>
<input name="button" type="button" onClick="rec()"
value="点击我，弹出对话框" />
</body>
</html>
```
- 1-7JavaScript-什么是变量
- 1-9JavaScript-什么是函数
- 2-2JavaScript-警告（alert 消息对话框）
- 2-3JavaScript-确认（confirm 消息对话框）
- 24JavaScript-提问（prompt 消息对话框）
- 2-5JavaScript-打开新窗口（window.open）
- 2-6JavaScript-关闭窗口（window.close）
- 2-7编程练习
- 3-1认识DOM
- 3-2通过ID获取元素
- 3-3innerHTML 属性
- 3-4改变 HTML 样式
- 3-5显示和隐藏（display属性）
- 3-6控制类名（className 属性）
- 4-1编程挑战