JavaScriptで外部jsファイルを読み込む

はじめに

JavaScript内で外部jsを読み込むことは可能だが、非同期で読み込まれるので、すぐには外部jsを利用できない。window.onloadなどで利用する必要がある。

var script = document.createElement("script");
script.type = "text/javascript";
script.src = "//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js";
document.head.appendChild(script);
if (typeof $ === "undefined") {
    console.log("まだ使えません");
} 
script.onload = function() {
    if (typeof $ !== "undefined") {
        alert("使えます");
    }
}