jsスクリプトの読み込みが完了したとどう判断しますか?
ロードされたJSオブジェクトに対してonloadを使って判断することができますが、この方法はFirefox 2、Firefox 3、Safari 3.1+、Opera 9.6+ブラウザでよくサポートされていますが、IE 6、IE 7はサポートされていません。曲線救国――IE 6、IE 7は、各状態の変化をJs.onreadystatechangeを使って追跡することができます。(一般的にはloading、loaded、interactive、complettee)。戻り状態がloadedまたはcomppleteの場合、ロードが完了し、コールバック関数に戻ります。
readyState状態については補足説明が必要です。
1.interactiveの状態で、ユーザーはインタラクティブに参加できます。2.Operaもjs.onreadystatechangeを支持していますが、彼の状態とIEの状態はかなり違っています。
<script>
function include_js(file) {
var _doc = document.getElementsByTagName('head')[0];
var js = document.createElement('script');
js.setAttribute('type', 'text/javascript');
js.setAttribute('src', file);
_doc.appendChild(js);
if (!/*@cc_on!@*/0) { //if not IE
//Firefox2、Firefox3、Safari3.1+、Opera9.6+ support js.onload
js.onload = function () {
alert('Firefox2、Firefox3、Safari3.1+、Opera9.6+ support js.onload');
}
} else {
//IE6、IE7 support js.onreadystatechange
js.onreadystatechange = function () {
if (js.readyState == 'loaded' || js.readyState == 'complete') {
alert('IE6、IE7 support js.onreadystatechange');
}
}
}
return false;
}
include_js('http://www.planabc.net/wp-includes/js/jquery/jquery.js');
</script>