新JavaScript例文辞典

DOMが構築され準備できた場合に処理する (DOMContentLoadedイベント)

説明

DOMが構築され準備できた場合に処理するにはwindowオブジェクトまたはdocumentオブジェクトのDOMContentLoadedイベントを使います。ただし、DOMContentLoadedイベントはInternet Explorerでは使用できません。

サンプルプログラム

window.addEventListener("DOMContentLoaded", function(){
document.getElementById("result").innerHTML += "Dom Readyイベント発生<br>";
}, true);
window.onload = function(){
document.getElementById("result").innerHTML += "onloadイベント発生<br>";
}
サンプルを実行
[戻る]