bodyタグの前にJavaScriptを書く

2009年 7月 11日

bodyタグの前にJavaScriptを書いてしまったがために存在しない要素にアクセスしようとしてバグってしまうこと

引用元: 第133回 JavaScriptだけ学んでいても動的なページを作れるようになれない DOMが必要だ – bingo_nakanishiの他言語出身者のためのPerl入門.

bodyタグの前にJavaScriptを書くことが問題ではなく、要素が読み込まれる順序と呼び出し方が適していないことが問題だと思う。具体的には次のようにイベントリスナーを使うと良いのではないだろうか。

window.addEventListener("load", function() {
// Do something.
}, false);

アプリケーションの規模が大きくなることが予想されるのならば可能な限りbodyタグの中にスクリプトを埋め込まないようにした方が良いと思うのは、維持管理を考慮してのことになる。もちろん不要になるまでの周期が早い使い捨てプログラムであれば、コードカウボーイの如く後先考えずにコードを埋め込んだ方が幸せだと思う。