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ファイルを読み込む方法を紹介しました。
少しでも参考になれば幸いです。