ページ読み込み時に実行するJavascriptのはなし

ページ読み込み完了のタイミングで実行させるやり方

ちょとドわすれしたのでメモ

	$(function(){
	});

的なやつ

javascriptオンリーで行うには「onload」イベントを使用する.
bodyにonload属性を指定できるようだが、htmlにJSを混ぜるのは気持ち悪いので
下記のようにする。

	window.onload = function(){
	}

jQueryでは次のように記述する。

	$(document).ready(function(){
	});

.onload と .readyは同じ動きじゃない

処理のタイミングが異なる。
ready()はDOMツリーが形成されてから処理を実行するのに対し
onloadはDOMツリーだけではなく画像など関連データの読み込みが行われないと実行を開始しない
html上の記述の順序に関係なくjQuery→Javascriptの順で実行される。

さらに、onloadイベントは2つ記述したとしても最後に記述したもののみ実行される
これに対してready()メゾットはきっちり上から順番に記述順に実行される。