Webページの動的な機能追加やコンテンツの変更にJavaScriptが利用されますが、時には外部のjsファイルを読み込んで実行したい場面が出てきます。特に大規模なウェブアプリケーションやサイトでは、一つのページ内で全てのJavaScriptを記述するのではなく、外部のjsファイルとして管理し、必要に応じて読み込むことが一般的です。 本記事では、jQueryの.getScriptメソッドを使って、外部のjsファイルを読み込む方法を詳しく解説します。 jQueryの.getScriptとは? jQueryの.getScript()は、外部のJavaScriptファイルを非同期に読み込んで実行するためのメソッドです。 このメソッドを使用すると、ページの表示速度を遅くすることなく、必要な時にのみJavaScriptを読み込むことができます。 CSSの基本設定 以下はデモページの基本的なCSSの設定
![外部jsの読み込み・実行:jQuery $.getScript()完全ガイド|DAD UNION – エンジニア同盟](https://cdn-ak-scissors.b.st-hatena.com/image/square/94ebb6890299d318958e9aba807ac82641afdcf0/height=288;version=1;width=512/https%3A%2F%2Fdad-union.com%2Fwp-content%2Fuploads%2F2019%2F04%2Fpic94.jpg)