在 Thymeleaf 中引入 JavaScript 的方法有两种:1. 使用 <script> 标签引入 JavaScript 文件;2. 使用 Thymeleaf 预构建的 <script> 标签,通过 Thymeleaf 表达式语法动态设置文件路径,可以使用 defer 和 async 属性控制 JavaScript 加载方式。

如何在 Thymeleaf 中引入 JavaScript
在 Thymeleaf 模板中引入 JavaScript 主要有两种方法:
1. 使用 <script> 标签
可以在 Thymeleaf 模板中直接使用 <script> 标签引入 JavaScript 文件:
<code class="html"><script src="/js/script.js"></script></code>
请注意,此方法需要提供 JavaScript 文件的完整 URL 或相对路径。
2. 使用 Thymeleaf 预构建的标签
Thymeleaf 提供了预构建的 <script> 标签,用于引入 JavaScript 文件:
<code class="html"><script th:src="@{/js/script.js}"></script></code>此方法使用 Thymeleaf 表达式语法来动态设置文件的 URL 或路径。
其他注意事项
- 确保 JavaScript 文件存在于指定的位置。
- 如果 JavaScript 文件需要使用 Thymeleaf 变量,请使用 Thymeleaf 表达式语法来访问它们。
- 可以使用
<script>标签的defer和async属性来控制 JavaScript 加载的方式。










