web前端入門(mén)到實(shí)戰(zhàn):JavaScript-提問(wèn)(prompt 消息對(duì)話框)

 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)行任何其它操作

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 消息對(duì)話框 **alert **消息對(duì)話框,輸出內(nèi)容,可以是字符串或變量,與document.write 相似va...
    Alisa_Ni閱讀 454評(píng)論 0 0
  • 一、JS前言 (1)認(rèn)識(shí)JS 也許你已經(jīng)了解HTML標(biāo)記(也稱(chēng)為結(jié)構(gòu)),知道了CSS樣式(也稱(chēng)為表示),會(huì)使用HT...
    凜0_0閱讀 2,903評(píng)論 0 8
  • 我們先大致來(lái)了解一下javascript的內(nèi)容,然后由淺入深的來(lái)學(xué)習(xí),進(jìn)一步提升對(duì)WEB前端技術(shù)的興趣。 如何插入...
    yezi1004閱讀 1,436評(píng)論 0 0
  • 一)、你知道,為什么JavaScript非常值得我們學(xué)習(xí)嗎? 所有主流瀏覽器都支持JavaScript。 目前,全...
    小蝦米前端閱讀 255評(píng)論 0 1
  • 難得一次失眠,早早躺到床上迷糊了一下醒一下,12點(diǎn)半醒來(lái)徹底睡不著了!刷了兩部美劇更清醒了,翻一個(gè)收費(fèi)(喜馬拉雅)...
    shary江閱讀 163評(píng)論 0 1

友情鏈接更多精彩內(nèi)容