DOMContentLoadedのテスト

■ 使い方

DOMContentLoadedのタイミングで実行したい関数を、以下のようにcontentLoadedListenerに登録する。

clListener.add( 呼び出したい関数 );

このページでは、動作テストのため以下のようにjavascriptを呼び出している。

<head>
　：
// clListener.jsの読み込み
<script type="text/javascript" src="js/clListener.js"></script>
　：
<script type="text/javascript">
// 動作テスト用関数
function test1() {
	var elm = document.getElementById('srcCode1');
	elm.value = document.body.innerHTML;
	alert('DOMContentLoaded');
}
function test2() {
	var elm = document.getElementById('srcCode2');
	elm.value = document.body.innerHTML;
	alert('onload');
}
// DOMContentLoadedに test1 を登録
clListener.add( test1 );
</script>
</head>
<!-- onloadに test2 を登録 -->
<body onload="javascript:test2();">
　：
</body>

■ DOMContentLoadedで出力したこのページのbody.innerHTML

■ onloadで出力したこのページのbody.innerHTML