$(document).ready(); の JavaScript での記述法

#jQuery

改めて jQuery での色々な書き方。

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

とか

$(function(){
  hoge.events();
});

#JavaScript

document.addEventListener("DOMContentLoaded", hoge.events(), false);

挙動としては onload より DOMContentLoaded が正確かしら。

addEventListenerundefined なブラウザを考慮するのであれば、分岐して window.onload する。

#addEventListenerに対応してないブラウザ対応

if (document.addEventListener) {
  document.addEventListener("DOMContentLoaded", hoge.events(), false);
} else {
  window.onload = hoge.events;
}
twitterfacebookhatenafacebook