script要素をJSから動的生成する方法。
HTMLページのどの箇所に記述しても、scriptファイルが読み込まれている間、他のページの処理をブロックしない。
javascript
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "file1.js"; document.getElementsByTagName("head")[0].appendChild(script);
- 動的読み込みの場合、body要素ではなくhead要素に追加するほうが良い。※body要素が正しく読み込まれない場合IEでエラーが発生する。
- 動的に読み込まれたscriptは、取得後即座に実行されるので、ページ内の他のスクリプトで読み込まれたscriptのデータを使用する場合は、読み込みが完了したかをチェックする必要がある。