2019年3月5日 星期二

(10)confirm() 函式

大罐的不好嗎?

『大罐的ㄍㄢˇ不好?大罐的吃較久(台語)』,相信大家對這句對白一定很熟悉!你在偷笑哦!其實,這是一個標準的是否問答題,當我們利用alert()函式蹦現一個歡迎視窗時,在視窗中只有一個『確定』按鈕,也就是說,瀏覽者只有一個選擇:按下確定按鈕來結束訊息視窗後方能進行瀏覽動作,如果我們要產生一個問答題,讓瀏覽者有兩種選擇時該怎麼辦?


confirm() 函式
confirm()函式其參數的應用與alert()函式相同,參數的內容都將會顯示在蹦現的訊息視窗中而成為所謂的『提示訊息』,但不同的是,confirm()函式具有回傳值,其格式如下:
confirm()函式使用格式
  1. X = confirn(提示參數)
其中回傳值由瀏覽者按下哪一個回覆按鈕來決定,而回傳值的內容則是一個布林值:『是(true)』或『否(false)』:

若瀏覽者按下『確定』按鈕,則x等於「true」;若瀏覽者按下『取消』按鈕,則x等於「false」,有了confirm()函式的回傳值,我們就可以知道瀏覽者按下哪一個按鈕,再加上判斷敘述就可以決定程式執行的路徑:
  1. <HTML>
  2. <HEAD>
  3. <TITLE>大罐的ㄍㄢˇ不好?</TITLE>
  4. </HEAD>
  5. <BODY>
  6. <SCRIPT Language="JavaScript">
  7. x=confirm("大罐的ㄍㄢˇ不好?")
  8. if (x)
  9. {
  10. alert("大罐的吃較久");
  11. }
  12. else
  13. {
  14. alert("ㄚ我就找無小罐的!");
  15. }
  16. </SCRIPT> 
  17. </BODY>
  18. </HTML>


實做學習
請設計一JavaScript程式,當瀏覽者進站時出現一訊息視窗詢問瀏覽者是否需要知道進站時間,若瀏覽者按下『確定』按鈕,則出現另一訊息視窗告知進站時間;若瀏覽者按下『取消』按鈕,則結束程式執行。
  1. <HTML>
  2. <HEAD>
  3. <TITLE>confirm()函式應用</TITLE>
  4. </HEAD>
  5. <BODY>
  6. <SCRIPT Language="JavaScript">
  7. //詢問是否告知進站時間
  8. x=confirm("告訴你進站時間好嗎?")
  9. //判斷按下哪一個按鈕
  10. if (x)
  11. {
  12. //建立日期時間物件
  13. intime=new Date();
  14. //取得小時資料
  15. inhours=intime.getHours();
  16. //取的分鐘資料
  17. inminutes=intime.getMinutes();
  18. //組合進站時間訊息
  19. msg="您的進站時間:"+inhours+"時"+inminutes+"分";
  20. //告知進站時間
  21. alert(msg);
  22. }
  23. </SCRIPT> 
  24. </BODY>
  25. </HTML>

沒有留言:

張貼留言