☰

js ファイルを別の js ファイルに含めるにはどうすればいいですか? [重複] 質問する

tag-icon • tag-icon javascript
js ファイルを別の js ファイルに含めるにはどうすればいいですか? [重複] 質問する

DRY 原則を遵守し、コードの重複を避けるために、js ファイルを別の js ファイルに含めるにはどうすればよいですか。

ベストアンサー1

スクリプト ファイルは HTML ページにのみ含めることができ、別のスクリプト ファイルに含められません。ただし、同じページに「含められた」スクリプトを読み込む JavaScript を記述することは可能です。

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

ただし、コードが「インクルード」されたスクリプトに依存している可能性は高く、その場合、ブラウザが「インポート」されたスクリプトを非同期的に読み込むため、失敗する可能性があります。最善策は、jQuery や YUI などのサードパーティ ライブラリを使用することです。これにより、この問題が解決されます。

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

おすすめ記事