HTMLでスクリプトをインポートする方法


<script src="script.js"></script>

上記の例では、"script.js"というファイルが同じディレクトリに存在することを前提としています。インポートしたいスクリプトファイルのパスを src 属性に指定します。

<script src="script.js" defer></script>

defer 属性を使用することで、スクリプトの実行タイミングを最適化することができます。

<script src="script.js" async></script>

async 属性を使用することで、非同期に処理を行いたい場合に適しています。

<link rel="import" href="script.html">

上記の例では、"script.html"というファイルがインポートされます。この方法は主にWebコンポーネントで使用されます。

これらはHTMLでスクリプトをインポートするための一般的な方法のいくつかです。どの方法を選択するかは、使用するコンテキストやニーズによって異なります。必要に応じて適切な方法を選択してください。