1. ホーム
  2. ジャバスクリプト

[解決済み】別のjsファイルにjsファイルをインクルードする方法は?[重複している]。

2022-04-02 10:33:59

質問

あるjsファイルを別のjsファイルにインクルードする方法。 DRYの原則 と、コードの重複を避けることができます。

解決方法は?

スクリプトファイルはHTMLページにのみ含めることができ、他のスクリプトファイルには含めることができません。とはいえ、あなたは できる は、そのスクリプトを同じページに読み込むJavaScriptを記述します。

var imported = document.createElement('script');
imported.src = '/path/to/imported/script';
document.head.appendChild(imported);

しかし、あなたのコードがあなたの"include"スクリプトに依存している可能性は高く、その場合、ブラウザが"imported"スクリプトを非同期にロードするため、失敗する可能性があります。この問題を解決するために、jQueryやYUIなどのサードパーティライブラリを使用するのが最善策となります。

// jQuery
$.getScript('/path/to/imported/script.js', function()
{
    // script is now loaded and executed.
    // put your dependent JS here.
});