javascript を javascript で読み込んで実行させるメモ / load javascript by javascript and run

    /**
     * スクリプトをロードして実行
     * この方法であれば実行される
     */
    loadingScript = (path: string) => {
        const targetId = "loading-script";

        const loadingScriptId = document.getElementById(targetId);
        if (loadingScriptId) {
            if (loadingScriptId.getAttribute("src") === path) {
                // already loaded
                return;
            }

            loadingScriptId.remove();   // remove script tag
            // ReactDOM.render(<span></span>, document.getElementById("root")); // clear content
        }

        const script = document.createElement("script");
        // script.src = "./path/example.js";
        script.src = path;
        script.id = targetId;
        const footer = document.getElementsByTagName("footer");
        footer[0].appendChild(script);
    }

/**

* スクリプトをロードして実行

* この方法であれば実行される

loadingScript = (path: string) => {

const targetId = "loading-script";

const loadingScriptId = document.getElementById(targetId);

if (loadingScriptId) {

if (loadingScriptId.getAttribute("src") === path) {

// already loaded

return;

}

loadingScriptId.remove(); // remove script tag

// ReactDOM.render(<span></span>, document.getElementById("root")); // clear content

}

const script = document.createElement("script");

// script.src = "./path/example.js";

script.src = path;

script.id = targetId;

const footer = document.getElementsByTagName("footer");

footer[0].appendChild(script);

}

コメントを残す