confirm 消息對話框通常用于允許用戶做選擇的動作,如:“你對嗎?”等。彈出對話框(包括一個確定按鈕和一個取消按鈕)。
**語法:**
~~~
confirm(str);
~~~
**參數說明:**
~~~
str:在消息對話框中要顯示的文本
返回值: Boolean值
~~~
**返回值:**
~~~
當用戶點擊"確定"按鈕時,返回true
當用戶點擊"取消"按鈕時,返回false
~~~
**注:** **通過返回值可以判斷用戶點擊了什么按鈕**
看下面的代碼:
~~~
<script type="text/javascript">
var mymessage=confirm("你喜歡JavaScript嗎?");
if(mymessage==true)
{ document.write("很好,加油!"); }
else
{ document.write("JS功能強大,要學習噢!"); }
</script>
~~~
**結果:**
**[](http://img.mukewang.com/52e35bc60001f01a04230353.jpg)**
**注: 消息對話框是排它的,即用戶在點擊對話框按鈕前,不能進行任何其它操作。**
### 任務
補充右邊編輯器第8行代碼,使用confirm()提示框,當點擊按鈕時,完成性別確認。
```
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>confirm</title>
<script type="text/javascript">
function rec(){
var mymessage=confirm("你是女士嗎");
if(mymessage==true)
{
document.write("你是女士!");
}
else
{
document.write("你是男士!");
}
}
</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編程挑戰