JavaScript: if和else介紹
約瑟 發表
Confirm這個指令跟 alert 這個指令蠻相似的. 差別就在於 Confirm指令出來的 Popup 視窗有 "確定" 和 "取消" 兩個按鍵在上面。
現在, 假如我們只用 Confirm 這個指令而沒有配合其他的 JavaScript, 出來的 Popup 視窗只會單獨出現 "確定" 和 "取消" 兩個按鍵在上面而已, 沒有進一部的動作。 但是要是我們加入 "IF" 和 "ELSE" 的 functions 進去的話, 就會跑出一些不錯的效果。
STEP1:【程式範例】
- 這是程式碼:
<SCRIPT LANGUAGE="javascript">
window.open('examples/javascript/07ex1.html', 'Joseph', config='height=300,width=300')
</SCRIPT>
- 執行結果就是你剛進入這一頁時候看到的小視窗。背後的大視窗顯示的是本篇教學。請注意:你現在看的這個程式只會開一個視窗而已。 視窗內的內容是獨立的, 包括裡面的連結和 JavaScript。(如: 視窗會自動關閉. 這個JavaScript 是根本頁的無關)
這裡是程式碼:
<SCRIPT LANGAUAGE="javascript">
confirm("你確定要進入?")
</SCRIPT>
怎麼樣? 看起來很似曾相識吧? 根本就跟 alert 一模一樣只在 Confirm 這個字而已。 按一下這裡去看看範例。
看到範例了吧? 從範例裡面, 我們可以看到的效果並不是粉多變化。 現在, 讓我們來看看已改過的程式碼, 看差別在哪:
- 這裡是程式碼二:
<SCRIPT LANGAUAGE="javascript">
if (confirm("你確定要進入約瑟的網頁製作?") )
{
parent.location='http://come.to/Joseph2001';
alert("Good choice");
}
else
{
alert(" 那你就留在原地");
}
</SCRIPT>
現在, 按一下這裡來看看範例。 這次在進去之前, 他先問要不要進去。 假如你選 "確定", 你就進去了。 要是你選 "取消", 你就無法進去。
哪個看起來比較好呢? 當然是後者啦! 以下讓我們來看看那是怎麼用的。
STEP2:【程式說明】
- 你的選擇
- 首先, 這個程式做了以下這段語法:
if (confirm("你確定要進入約瑟的網頁製作?") )
這就是說, "If(你做的決定是...)
因為這是個選擇, 意思就是說有不只一個選項。在以上哪種情況下, 我們又 Confirm 這個指令來提出 "確定" 和 "取消" 兩項選擇. 請務必記住以下的東西。
不管什麼東西, 只要跟在 IF 指令後面的都是在括號內的。 而你又知道Confirm出來的指令也一樣。 所以, 我們兩組都用, 只是我們用其中一個包住另一個。
- parent.location='http://come.to/Joseph2001';這段是什麼?
- 讓我們來看以下的程式:
{
parent.location='http://come.to/Joseph2001';
alert("Good choice");
}
這段語法適用來把整個網頁帶到指定的位置。 parent.location 是開一個連結的指令。 然後我又放 alert的語法緊接在後. 請特別注意 {}。
- 要是我們選 "取消" 會發生什麼事?
- 我們已經知道跟在 IF 後面的 function 就是我們選 "確定" 後會發生的事。 我們選 "取消" 的話呢? 很自然的, 就是用 ELSE 這個指令囉!
讓我們來想想 ELSE 是指說 "假如不"。 所以以下這段文字...
else
{
alert(" 那你就留在原地");
}
...就是指, "假如不"。 alert 的 POPUP 視窗的出現並不會帶你到任何地方因為沒有設定選擇 "取消" 後的位置。
- 這只是一個關於 IF 和 ELSE 的簡介而已. 約瑟之後可能會在加入更多關於它們的介紹...最後, 請大家給IF 和 ELSE 拍拍手一下。因為有他們, JavaScript才會如此有趣....(我個人認為)