Thymeleafで外部のJavaScriptファイルを読み込む
当サイトはアフィリエイト広告を利用しています。
Thymeleafを書籍で学びたい方やThymeleafと一緒にSpringも習得したい方におすすめな書籍です。
Springについての書籍ですが、Thymeleafの基本構文や他システムとの連携など30ページほど取り上げられています。
ThymeleafとSpringは親和性の高い技術なので、これを機にSpringを学んでみるのはいかがでしょうか？
ポチップ
実行環境
実行環境がない方は、こちらの記事を参考にしてください。
| 項目 | バージョン |
|---|---|
| OS | macOS Catalina |
| JDK | Oracle JDK@8 |
| Thymeleaf | 3.1 |
Thymeleafで外部のJavaScriptファイルを読み込む
JavaScriptファイルを src/main/resources/static 配下に配置し、th:src="@{JavaScriptファイルのパス}" を使用して読み込みます。パスは src/main/resources/static から見た場所を指定します。
<script th:src="@{/js/script.js}"></script>JavaScriptを埋め込む (インライン処理)
ThymeleafではJavaScriptを埋め込むこと (インライン処理) ができます。
こちらの記事で紹介しています。
お疲れさまでした
Thymeleafで外部のJavaScriptファイルを読み込む方法を紹介しました。
少しでも参考になれば幸いです。