我們在訪問網站的時候，有時會突然彈出一個小窗口，上面寫著一段提示信息文字。如果你不點擊“確定”，就不能對網頁做任何操作，這個小窗口就是使用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編程挑戰