Webページの動的な機能追加やコンテンツの変更にJavaScriptが利用されますが、時には外部のjsファイルを読み込んで実行したい場面が出てきます。特に大規模なウェブアプリケーションやサイトでは、一つのページ内で全てのJavaScriptを記述するのではなく、外部のjsファイルとして管理し、必要に応じて読み込むことが一般的です。 本記事では、jQueryの.getScriptメソッドを使って、外部のjsファイルを読み込む方法を詳しく解説します。 jQueryの.getScriptとは? jQueryの.getScript()は、外部のJavaScriptファイルを非同期に読み込んで実行するためのメソッドです。 このメソッドを使用すると、ページの表示速度を遅くすることなく、必要な時にのみJavaScriptを読み込むことができます。 CSSの基本設定 以下はデモページの基本的なCSSの設定