ミルラク

Thymeleafで外部のJavaScriptファイルを読み込む

更新日: 2024-02-27

当サイトはアフィリエイト広告を利用しています。

Thymeleafを書籍で学びたい方やThymeleafと一緒にSpringも習得したい方におすすめな書籍です。
Springについての書籍ですが、Thymeleafの基本構文や他システムとの連携など30ページほど取り上げられています。
ThymeleafとSpringは親和性の高い技術なので、これを機にSpringを学んでみるのはいかがでしょうか?

実行環境

実行環境がない方は、こちらの記事を参考にしてください。

項目バージョン
OSmacOS Catalina
JDKOracle JDK@8
Thymeleaf3.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ファイルを読み込む方法を紹介しました。
少しでも参考になれば幸いです。