JavaScript練習筆記(3)

彈出式對話方塊

1. Confirm Box(確認方塊)
   <script language="JavaScript1.2"> function showConfirm(){ var r = confirm("選擇確定或取消"); if (r == true) { alert("你剛了確定"); }else { alert("你剛按了取消"); } } </script> <input type="button" onclick="showConfirm()" value="點我以顯示對話方塊" />
   結果會是：
   



2. Alert Box(警告方塊)
   <script language="JavaScript1.2"> function showAlert(){ alert("嗨，我是Alter Box!!!"); } </script> <input type="button" onclick="showAlert()" value="點我以顯示警告方塊" />
   結果會是：
   
   警告方塊只是一個提醒，沒有更多的互動功能。



3. Prompt Box(訊息提示方塊)
   <script language="JavaScript1.2"> function showPrompt(){ var name=prompt("請輸入你的瀏覽器名稱","Mozilla Firefox"); if (name != null && name !=""){ if(name == "IE" || name == "Internet Explore"){ alert("請勿再使用如此封閉的軟體！"); }else{ alert("您的瀏覽器是："+name+"，歡迎你！"); } }else{ alert("請乖乖輸入瀏覽器名稱！"); } } </script> <input type="button" onclick="showPrompt()" value="點我以顯示提示方塊" />
   結果會是：
   
   prompt()方法可以接受兩個參數：第一個是「提示方塊的title」，第二個是方塊的預設值。



4. 方法的應用。談到方法，就不得不提到變數。在方法內宣告的為區域變數，生命有要範圍僅在方法的{ }內；方法外的變數為全域變數，所以方法都可以使用。
   <script language="JavaScript1.2"> var aNum = 10; //全域變數 function multiple(num1, num2){ alert("the value is: "+num1*num2) } function showDialog(){ var value1 = prompt("請輸入第一個值");//區域變數 var value2 = prompt("請輸入第二個值");//區域變數 if (value1 != null && value1 != "" && value2 != null && value2 != "") { alert("the value is: " + multiple(value1, value2)); }else if (value1 != null && value1 != "") { //若value2是空值 alert("the value is: " + multiple(value1, aNum)); }else if (value2 != null && value2 != "") {//若value1是空值 alert("the value is: " + multiple(aNum, value2)); }else{ alert("the value is: " + multiple(aNum, aNum)); } } </script> <input type="button" onclick="showDialog()" value="點我以顯示自訂對話方塊" /><br/>
   結果會是：