首页thymeleaf的script

thymeleaf的script

时间: 2023-08-31 21:05:17 浏览: 74

Thymeleaf 是一种模板引擎，它可以将 HTML 模板渲染成最终的 HTML 页面。在 Thymeleaf 中，可以使用 script 标签来添加 JavaScript 代码。以下是一个使用 Thymeleaf 的 script 标签的示例： ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <title>Thymeleaf Script Example</title> </head> <body> <h1>Thymeleaf Script Example</h1> <script th:inline="javascript"> var message = /*[[${message}]]*/ ''; alert(message); </script> </body> </html> ``` 在这个例子中，使用 Thymeleaf 的 `th:inline` 属性将 script 标签设置为内联模式，使得可以在标签内使用 Thymeleaf 的表达式语言。在 script 标签中定义了一个 JavaScript 变量 `message`，它的值来自于 Thymeleaf 变量 `${message}`。在运行时，Thymeleaf 将变量 `${message}` 的值替换为真实的值，并生成最终的 HTML 页面。最终的页面中的 JavaScript 代码如下所示： ```html <script> var message = 'Hello World'; alert(message); </script> ``` 注意，Thymeleaf 的 script 标签中的 JavaScript 代码必须是合法的 JavaScript 代码，否则会导致运行时错误。

阅读全文