window.onloadと$(document).readyの違い

• window.onload　onloadイベント発生時に実行されますが、 これはDOMツリーの構築だけでなく、画像や他の全てのデータの 読み込みが完了した時 1つしか実行されない

window.onload = ()->
  $('.js-bootstrap-switch').bootstrapSwitch()

• $(document).ready こちらは画像の読み込みなどは待たず、 DOMツリーの構築が終わった時点で実行されます。window.onloadで指定されているものよりも先に実行されます。

$(document).ready(function(){
  console.log('ready 1');
});