外部JSファイルの動的読み込み 外部JSファイルを任意のタイミングで読み込みたいとき、scriptタグを生成してdocumentに追加すればロードしてくれます。 function loadScript(src, callback) { var head = document.getElementsByTagName('head')[0]; var script = document.createElement('script'); script.src = src; head.appendChild(script); callback(); } loadScript("path/to/script.js", function() { console.log('script loaded'); }); ただし、読込みが終わった順に実行されるため、 上記の様にコールバック関数を設定しても追加し
![JavaScriptファイルの動的読み込みと完了状態を取得する](https://cdn-ak-scissors.b.st-hatena.com/image/square/e92fdc85af7eb9d266248e30babde3081418ac9f/height=288;version=1;width=512/https%3A%2F%2Fwp-blog.yuhiisk.com%2Fwp-content%2Fuploads%2F2018%2F08%2Fyuhiisk1.jpg)