読者です 読者をやめる 読者になる 読者になる

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.その他イベント時

http://phpjavascriptroom.com/?t=js&p=event