`prompt`彈出消息對話框,通常用于詢問一些需要與用戶交互的信息。彈出消息對話框(包含一個確定按鈕、取消按鈕與一個文本輸入框)。
**語法:**
~~~
prompt(str1, str2);
~~~
**參數說明:**
~~~
str1: 要顯示在消息對話框中的文本,不可修改
str2:文本框中的內容,可以修改
~~~
**返回值:**
~~~
1. 點擊確定按鈕,文本框中的內容將作為函數返回值
2. 點擊取消按鈕,將返回null
~~~
看看下面代碼:
~~~
var myname=prompt("請輸入你的姓名:");
if(myname!=null)
{ alert("你好"+myname); }
else
{ alert("你好 my friend."); }
~~~
**結果:**
**[](http://img.mukewang.com/52e360780001ede107090353.jpg)**
**注:在用戶點擊對話框的按鈕前,不能進行任何其它操作。**
### 任務
補充右邊編輯器第9行代碼,使用prompt()消息框,輸入你的成績,根據輸入的成績做出評價。
```
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>prompt</title>
<script type="text/javascript">
function rec(){
var score; //score變量,用來存儲用戶輸入的成績值。
score = prompt("請輸入你的成績");
if(score>=90)
{
document.write("你很棒!");
}
else if(score>=75)
{
document.write("不錯吆!");
}
else if(score>=60)
{
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編程挑戰