1. ホーム
  2. javascript

[解決済み] JS内部でJSを動的にロードする【重複あり

2022-03-21 19:53:04

質問

動的な Web ページで、外部 JS ファイルをインポートする必要があります ( IF 条件)を別のJavaScriptファイルの中に入れてください。

実現可能な解決策を検索してみましたが、うまくいきませんでした。

を使って、JSファイルをDOMに読み込んでみました。 document.createElement() が、これもうまくいきませんでした。どうやらJsはDOMに読み込まれたものの、現在のJSファイルにはアクセスできないようです。

jQueryでの解決も問題ありません。

どのように解決するのですか?

jQueryの $.getScript() は時々バグるので、私独自の実装を使うようにしています。

jQuery.loadScript = function (url, callback) {
    jQuery.ajax({
        url: url,
        dataType: 'script',
        success: callback,
        async: true
    });
}

というように使います。

if (typeof someObject == 'undefined') $.loadScript('url_to_someScript.js', function(){
    //Stuff to do after someScript has loaded
});