javascript上での動作開始のパターン
javascriptを呼び出すにはonloadだったりonclickだったりあるが、いまいち頭に整理できていなかったのでよく使う実行パターンをタイミング別にまとめてみた。
参考:http://www.shurey.com/js/samples/0_bsc2.html
http://so-zou.jp/web-app/tech/programming/javascript/event/handler/onload.htm
1.読み込み時に実行
1-1.直接記述
<script type="text/javascript"> <!-- (ここにスクリプトを記述) //--> </script>
1-2.onload()で記述
複数読み込まれると後に読み込まれたものが優先される。
<script type="text/javascript"> window.onload = function(){ <!-- (ここにスクリプトを記述) //--> }; </script>
2.(ボタンorリンク)クリック時に実行
2-1.リンクをクリック(直接記述)
<a href="javascript:(ここにスクリプトを記述)">クリック</a>
2-2.リンクをクリック(呼出)
<a href="javascript:(ユーザー関数)">クリック</a> <script type="text/javascript"> <!-- function(ユーザー関数){ (ここにスクリプトを記述) } //--> </script>
2-3.ボタンをクリック
<form><input type="button" value="クリック" onClick="(ユーザー関数)"></form> <script type="text/javascript"> <!-- function(ユーザー関数){ (ここにスクリプトを記述) } //--> </script>
3.その他イベント時