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
PHP Smarty MySQL JQuery Apache W3C