返回列表 上一主題 發帖

[教學] (教學第9篇)JavaScript 歡迎視窗

小誌
　暱稱: 小誌
　頭銜: 曾經也是水電工

管理員Rank: 9Rank: 9Rank: 9

帖子
1176 
主題
394 
精華
113 
積分
1747 
點名
1  
作業系統
Vista 
軟體版本
Office 2003 
閱讀權限
200 
性別
男 
來自
台灣 
註冊時間
2010-5-1 
最後登錄
2024-4-7 

2021牛年全勤獎章好學求知勳章熱烈參與勳章2017 雞年全勤獎章2018 狗年全勤獎章2019 豬年全勤獎章2020鼠年全勤獎章
1# 跳轉到 » 倒序看帖
打印
tT
發表於 2010-5-10 01:52 | 只看該作者

[教學] (教學第9篇)JavaScript 歡迎視窗

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

11.png
2010-5-10 01:44


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

alert()函式的使用格式如下：
  1. alert(“訊息參數”);
複製代碼
實做學習
使用alert()函式，讓網頁載入時蹦現一個歡迎視窗。
11.png
2010-5-10 01:47
  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』這樣就可產生則行，如下例：

實做學習
11.png
2010-5-10 01:49
  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()函式蹦現一個歡迎視窗，並在視窗中告知瀏覽者的進站時間：
11.png
2010-5-10 01:51
  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>
複製代碼
收藏 分享
心安，平安   
發表任何無意義的感謝或灌水文章一律砍,珍惜帳號,請詳閱版規!!

        靜思自在 : 成功是優點的發揮，失敗是缺點的累積。
返回列表 上一主題