JavaScript onclick 事件

JavaScript onclick 事件（Event）用來觸發某種 JavaScript 動作，可以用在表單或網頁內的某處，表單中常見的應用如，當網友選擇選單中某個項目時，透過 JavaScript onclick 得知該項目的 value，接著顯示第二層項目讓網友選擇。有個蠻有趣的想法，例如西式餐點，做個現上點餐的表單，讓消費者點選前菜、自動顯示麵包種類供選擇、再自動顯示沙拉種類、再自動顯示排餐種類 ... 一直到整套餐點完成，當消費者點選的動作，就可以用 JavaScript onclick 來製作，這只是題外話，我們直接來看簡單的範例。

JavaScript onclick 事件（Event）範例
<script language="javascript">
function ShowMeDate() {
　var Today=new Date();
　alert("今天日期是 " + Today.getFullYear()+ " 年 " + (Today.getMonth()+1) + " 月 " + Today.getDate() + " 日");
}
</script>
<button onclick="ShowMeDate()">告訴我今天日期</button>
呈現結果


這個範例我們先寫了一個簡單的 function 用來顯示今天的日期，但是光寫這樣的 function 並不會自動顯示，必須要有事件去觸發動作才會顯示，所以最後一行再寫了一個按鈕（HTML button），當按下「告訴我今天日期」的這個按鈕，onclick 就會自動觸發 ShowMeDate() 而執行今天日期的顯示，關於 JavaScript 取得日期請參考此篇：JavaScript 取得今天日期。

延伸閱讀
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012