1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title> JavaScript-提問(wèn)(prompt 消息對(duì)話框)</title>
6 <script type="text/javascript">
7 // var myname=prompt("腳本提示1","腳本提示2","請(qǐng)輸入你的姓名");
8 // var myname=prompt("問(wèn)卷調(diào)查","請(qǐng)輸入你的姓名");
9 var myname=prompt("請(qǐng)輸入你的姓名");
10 if(myname!=null){
11 alert("你好"+myname);
12 }
13 else{
14 alert("你好 my friends");
15 }
16 </script>
17 </head>
18 <body>
19 </body>
20 </html>
prompt彈出消息對(duì)話框,通常用于詢(xún)問(wèn)一些需要與用戶交互的信息,彈出消息對(duì)話框(包含一個(gè)確定按鈕、取消按鈕與一個(gè)文本輸入框)。e.g:輸入你的成績(jī),根據(jù)輸入的成績(jī)做出評(píng)價(jià)
專(zhuān)門(mén)建立的學(xué)習(xí)Q-q-u-n: 784783012 ,分享學(xué)習(xí)的方法和需要注意的小細(xì)節(jié),不停更新最新的教程和學(xué)習(xí)技巧
(從零基礎(chǔ)開(kāi)始到前端項(xiàng)目實(shí)戰(zhàn)教程,學(xué)習(xí)工具,全棧開(kāi)發(fā)學(xué)習(xí)路線以及規(guī)劃)
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>JavaScript-提問(wèn)(prompt 消息對(duì)話框)</title>
6 <script type="text/javascript">
7 function score(){
8 var scroe;
9 score=prompt("輸入成績(jī),做出評(píng)價(jià)");
10 if(score>=90){
11 document.write("很棒,和我一樣優(yōu)秀");
12 }
13 else if(score>=80){
14 document.write("80都有了,90還遠(yuǎn)嗎");
15 }
16 else if(score>=70){
17 document.write("不錯(cuò)呦,在60基礎(chǔ)上進(jìn)步10分");
18 }
19 else if(score>=60){
20 document.write("謝謝老天,我終于及格了");
21 }
22 else{
23 document.write("你要加油,不然我會(huì)傷心難過(guò)");
24 }
25 }
26 // score();
27 </script>
28 </head>
29 <body>
30 <form action="" method="">
31 <input type="button" name="" id="" value="輸入成績(jī)查看評(píng)價(jià)" onclick="score()"/>
32 </form>
33 </body>
34 </html>
1 <!DOCTYPE HTML>
2 <html>
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 <title>prompt 消息對(duì)話框</title>
6 <script type="text/javascript">
7 function rec(){
8 var score; //score變量,用來(lái)存儲(chǔ)用戶輸入的成績(jī)值。
9 score = prompt("輸入你的成績(jī),根據(jù)輸入的成績(jī)做出評(píng)價(jià)");
10 if(score>=90)
11 {
12 document.write("你很棒!");
13 }
14 else if(score>=75)
15 {
16 document.write("不錯(cuò)吆!");
17 }
18 else if(score>=60)
19 {
20 document.write("要加油!");
21 }
22 else
23 {
24 document.write("要努力了!");
25 }
26 }
27 // rec();//函數(shù)定義好后,是不能自動(dòng)執(zhí)行的,所以需調(diào)用它,只需直接在需要的位置寫(xiě)函數(shù)就ok了
28 </script>
29 </head>
30 <body>
31 <input name="button" type="button" onClick="rec()" value="點(diǎn)擊我,對(duì)成績(jī)做評(píng)價(jià)!" />
32 </body>
33 </html>
總結(jié):函數(shù)定義好后,是不能自動(dòng)執(zhí)行的,所以需調(diào)用它,只需直接在需要的位置寫(xiě)函數(shù)就ok了!語(yǔ)法:prompt(str1, str2);參數(shù)說(shuō)明:str1: 要顯示在消息對(duì)話框中的文本,不可修改;str2:文本框中的內(nèi)容,可以修改;返回值:1. 點(diǎn)擊確定按鈕,文本框中的內(nèi)容將作為函數(shù)返回值2. 點(diǎn)擊取消按鈕,將返回null;注意:在用戶點(diǎn)擊對(duì)話框的按鈕前,不能進(jìn)行任何其它操作