JavaScript内で、scriptタグを生成して読み込ませる方法を書いておく

参考

www.softel.co.jp

動的にJavaScriptを読み込む at softelメモ

問題状況に応じて、動的にJavaScriptを読み込みたいです。答え jQueryが使えるとき $.getScript('https://～～～～') これ1行でOK。読み込んだ後に何かしてほしいときは、コールバッ […]...

サンプルコード

// スクリプトタグのElementを生成
const script = document.createElement('script');

// 指定したJSファイルが読み込まれたら、実行をする
script.onload = () => { 
	// 読み込み終了後、処理を実行
};

// JSファイルを指定
script.src = "sample.js";

// headに生成したスクリプトタグを追加
document.head.appendChild(script);