[解決済み] 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
});
関連
-
[解決済み] テスト
-
[解決済み】Node.js Error: Cannot find module express
-
[解決済み】TypeScript-のAngular Frameworkエラー - "exportAsがngFormに設定されたディレクティブはありません"
-
[解決済み] ループ内のJavaScriptクロージャ - シンプルな実用例
-
[解決済み] 2つのJavaScriptオブジェクトのプロパティを動的にマージするにはどうすればよいですか?
-
[解決済み] React JSX内のループ
-
[解決済み] 動的に生成された要素にイベントバインディングを行うか?
-
[解決済み] setTimeout(fn, 0)が役に立つことがあるのはなぜですか?
-
[解決済み] JavaScriptの "require "とは何ですか?
-
[解決済み] Can I make a <button> not submit a form?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
vue3レスポンシブ対応のためのsetup+ref+reactive
-
親子コンポーネント通信を解決する3つのVueスロット
-
Vueのイベント処理とイベントモディファイアの解説
-
[解決済み】リソースの読み込みに失敗した:Bind関数でサーバーが500(Internal Server Error)のステータスで応答した【非公開
-
[解決済み】JavaScript TypeError: null のプロパティ 'style' を読み取ることができない
-
[解決済み】<select>で現在選択されている<option>をJavaScriptで取得するにはどうすればよいですか?
-
Uncaught TypeError: null のプロパティ 'offsetHeight' を読み取れませんでした。
-
JavaScriptのgetElementById()メソッド入門
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] Javascriptファイルを動的に読み込むJQuery