JavaScriptとjQueryを使用して外部スクリプトを読み込む方法

2024-02-15 09:28 JavaScriptjQuery外部スクリプト
  1. <script>要素を使用して外部スクリプトを読み込む方法:
<script src="external-script.js"></script>

上記の例では、external-script.jsという外部スクリプトファイルを読み込んでいます。この方法は非常に基本的で、HTMLファイル内で<script>要素を使用して外部スクリプトのURLを指定するだけです。

  1. JavaScriptのcreateElementメソッドを使用して外部スクリプトを読み込む方法:
var script = document.createElement('script');
script.src = 'external-script.js';
document.head.appendChild(script);

上記の例では、JavaScriptを使用して新しい<script>要素を作成し、そのsrc属性に外部スクリプトのURLを設定しています。そして、appendChildメソッドを使用して<script>要素を<head>要素に追加しています。

  1. jQueryのgetScriptメソッドを使用して外部スクリプトを読み込む方法:
$.getScript('external-script.js', function() {
  // 外部スクリプトの読み込みが完了した後に実行するコード
});

上記の例では、getScriptメソッドを使用して外部スクリプトを非同期に読み込んでいます。第2引数のコールバック関数は、外部スクリプトの読み込みが完了した後に実行されます。

これらの方法を使用することで、JavaScriptやjQueryを使用して外部スクリプトをウェブページに読み込むことができます。適切な方法を選択し、ウェブページの要件に合わせてコードを実装してください。