數位書香: (09)JavaScript 歡迎視窗

2019年2月28日星期四

(09)JavaScript 歡迎視窗

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

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

alert()函式的使用格式如下：

alert(“訊息參數”);

實做學習
使用alert()函式，讓網頁載入時蹦現一個歡迎視窗。

<HTML>
<HEAD>
<TITLE>訊息視窗</TITLE>
</HEAD>
<BODY>
<SCRIPT Language="JavaScript">
alert("我是一個訊息視窗，你可以利用我向參觀網站的朋友傳遞訊息！！");
</SCRIPT>
</BODY>
</HTML>

問題來了！使用alert()函式蹦現一個歡迎視窗，畫面中會出現我們呼叫函式所指定的參數內容，那萬一我們要顯示的內容很多，那畫面中的訊息文字不就會變成一長串？能不能讓它折行ㄚ，如果我們希望訊息文字能夠折行，可以在要產生折行的文字之後加上『\n』這樣就可產生則行，如下例：

實做學習

<HTML>
<HEAD>
<TITLE>訊息視窗</TITLE>
</HEAD>
<BODY>
<SCRIPT Language="JavaScript">
alert("我是一個訊息視窗，\n你可以利用我向參觀網站的朋友傳遞訊息！！");
</SCRIPT>
</BODY>
</HTML>

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

<HTML>
<HEAD>
<TITLE>進站時間</TITLE>
</HEAD>
<BODY>
<SCRIPT Language="JavaScript">
//建立日期時間物件
intime=new Date();
//取得小時資料
inhours=intime.getHours();
//取的分鐘資料
inminutes=intime.getMinutes();
//組合進站時間訊息
msg="您的進站時間："+inhours+"時"+inminutes+"分";
//產生訊息視窗
alert("歡迎光臨\n"+msg);
</SCRIPT>
</BODY>

沒有留言:

張貼留言

訂閱：張貼留言 (Atom)