2019年2月28日 星期四

(09)JavaScript 歡迎視窗

歡迎視窗,這樣的稱呼似乎不太妥當,嚴格來說它只是一個訊息視窗,只是常常被用來:當網友進站時向網友打招呼,所以就稱這個訊息視窗為『歡迎視窗』,這個訊息視窗其實有很多用法,在後續談到JavaScript的『事件』時,我們再以實例來說明。


alert() 函式
alert()函式是一個JavaScript內建的函式,它是用來產生一個訊息視窗,在呼叫alert()函式我們可以給予一個參數,這參數的內容將會顯示在蹦現的訊息視窗中而成為所謂的『提示訊息』。

alert()函式的使用格式如下:
  1. alert(“訊息參數”);
實做學習
使用alert()函式,讓網頁載入時蹦現一個歡迎視窗。

  1. <HTML>
  2. <HEAD>
  3. <TITLE>訊息視窗</TITLE>
  4. </HEAD>
  5. <BODY>
  6. <SCRIPT Language="JavaScript">
  7. alert("我是一個訊息視窗,你可以利用我向參觀網站的朋友傳遞訊息!!");
  8. </SCRIPT> 
  9. </BODY>
  10. </HTML>
問題來了!使用alert()函式蹦現一個歡迎視窗,畫面中會出現我們呼叫函式所指定的參數內容,那萬一我們要顯示的內容很多,那畫面中的訊息文字不就會變成一長串?能不能讓它折行ㄚ,如果我們希望訊息文字能夠折行,可以在要產生折行的文字之後加上『\n』這樣就可產生則行,如下例:

實做學習
  1. <HTML>
  2. <HEAD>
  3. <TITLE>訊息視窗</TITLE>
  4. </HEAD>
  5. <BODY>
  6. <SCRIPT Language="JavaScript">
  7. alert("我是一個訊息視窗,\n你可以利用我向參觀網站的朋友傳遞訊息!!");
  8. </SCRIPT> 
  9. </BODY>
  10. </HTML>

進階應用
請利用alert()函式蹦現一個歡迎視窗,並在視窗中告知瀏覽者的進站時間:

  1. <HTML>
  2. <HEAD>
  3. <TITLE>進站時間</TITLE>
  4. </HEAD>
  5. <BODY>
  6. <SCRIPT Language="JavaScript">
  7. //建立日期時間物件
  8. intime=new Date();
  9. //取得小時資料
  10. inhours=intime.getHours();
  11. //取的分鐘資料
  12. inminutes=intime.getMinutes();
  13. //組合進站時間訊息
  14. msg="您的進站時間:"+inhours+"時"+inminutes+"分";
  15. //產生訊息視窗
  16. alert("歡迎光臨\n"+msg);
  17. </SCRIPT> 
  18. </BODY>

沒有留言:

張貼留言