###前提・実現したいこと
async属性を付けた外部JavaScriptファイルの読み込みが終わってからその中の関数を実行したいです。
html
1<html> 2<head></head> 3<body> 4<script type="text/javascript" src="baseとなるJavaScriptの関数.js" async></script> 5 6・・・コンテンツ・・・ 7 8<script type="text/javascript"> 9if (typeof(test) !== 'undefined') test.helloWorld(); 10</script> 11</body> 12</html>
###発生している問題・エラーメッセージ
非同期に読み込んでいる外部JavaScriptファイルの読み込み完了をどう判断すれば良いか悩んでいます。
###該当のソースコード
非同期で読み込む外部JavaScriptファイルは下記のイメージです。
javascript
1if (typeof (window['test']) === 'undefined') { 2 var Test = function() { 3 変数宣言 4 }; 5 Test.prototype = { 6 helloWorld: function() { 7 処理 8 } 9 }; 10 Test.prototype['helloWorld'] = Test.prototype.helloWorld; 11 window['test'] = new Test(); 12}
###試したこと
setIntervalで
javascript
1if (typeof(test) !== 'undefined') test.helloWorld();
この部分を一定時間毎に実行する事で実現は可能なのですが一定時間毎に常に動いているのが良い方法では無い気がして他に方法が無いか悩んでいます。
###補足情報(言語/FW/ツール等のバージョンなど)
どのブラウザでも動くことが理想なので標準のJavaScriptだけで実現したいです。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。