<script src="script.js"></script>
上記のコードでは、script.js
という名前のJavaScriptファイルを読み込んでいます。このファイルはHTMLファイルと同じディレクトリに配置されている必要があります。
<script type="module">
import { functionName } from './module.js';
// モジュールのコードを使用する
</script>
上記のコードでは、module.js
という名前のモジュールを読み込んでいます。モジュールの関数や変数を使用するためには、import
文を使用します。
- ライブラリやフレームワークのCDNの使用: 多くのライブラリやフレームワークは、CDN(Content Delivery Network)経由で提供されており、HTMLファイルから直接読み込むことができます。以下はその例です。
<script src="https://cdn.example.com/library.js"></script>
上記のコードでは、https://cdn.example.com/library.js
からライブラリを読み込んでいます。CDNを使用する場合、ネットワーク経由でファイルが提供されるため、ローカルにファイルを配置する必要はありません。
これらの方法を使用することで、HTMLで外部のコードやライブラリを簡単に読み込むことができます。必要に応じて、適切な方法を選択してください。