程序开发 · 2024年12月24日

如何thymeleaf中如何引入js

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

如何在 Thymeleaf 中引入 JavaScript

在 Thymeleaf 模板中引入 JavaScript 主要有两种方法:

1. 使用 <script> 标签</script>

可以在 Thymeleaf 模板中直接使用 <script> 标签引入 JavaScript 文件:</script>

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

登录后复制

请注意,此方法需要提供 JavaScript 文件的完整 URL 或相对路径。

2. 使用 Thymeleaf 预构建的标签

Thymeleaf 提供了预构建的 <script> 标签,用于引入 JavaScript 文件:</script>

<script th:src="@{/js/script.js}"></script>

登录后复制

此方法使用 Thymeleaf 表达式语法来动态设置文件的 URL 或路径。

其他注意事项

  • 确保 JavaScript 文件存在于指定的位置。
  • 如果 JavaScript 文件需要使用 Thymeleaf 变量,请使用 Thymeleaf 表达式语法来访问它们。
  • 可以使用 <script> 标签的 defer 和 async 属性来控制 JavaScript 加载的方式。</script>

以上就是如何thymeleaf中如何引入js的详细内容,更多请关注GTHOST其它相关文章!