th:inline 有三个取值类型 (text, javascript 和 none),值为 none 什么都不做,没有效果

    (1)内敛文本(th:inline=”text”)
    内敛文本表达式不依赖于 html 标签,直接使用内敛表达式[[表达式]]即可获取动态数据,但必须要求在父级标签上加 th:inline = “text”属性

    可以将 th:inline=”text”放到标签中

    1. <h1>内敛文本</h1>
    2. <div th:inline="text">
    3. <span>[[name]]</span>
    4. <span>[[id]]</span>
    5. <span>[[age]]</span>
    6. </div>

    18.Thymeleaf的常见属性:th:inline - 图1
    18.Thymeleaf的常见属性:th:inline - 图2

    2) 内敛脚本(th:inline=”javascript”)th:inline=”javascript”在 js 代码中获取后台的动态数
    18.Thymeleaf的常见属性:th:inline - 图3

    1. <script type="text/javascript" th:inline="javascript">
    2. function showInlineJavaScript() {
    3. alert("欢迎 " + [[${user.name}]] + "电话 " +
    4. [[${user.phone}]]);
    5. }
    6. </script>
    7. <button th:onclick="showInlineJavaScript()">展示内容</button>