Question

）有没有办法在“script”标签内使用“th：block”标签？类似的东西：

<script type="text/javascript">
    <th:block>
        var test = 1;
    </th:block>
</script>

Answer 1

您应该使用属性th:inline="javascript"，然后您可以使用th:block但不能使用标记，您必须使用下一个语法：

<script th:inline="javascript">
    [#th:block th:each="item : ${items}"]
      - [#th:block th:utext="${item}" /]
    [/th:block]
</script>

Answer 2

我们需要插入一个外部javascript（内部带有thymleaf变量）并将其包装在cdata中，它基于@Pau的解决方案：

<script th:inline="javascript">
  /*<![CDATA[*/
  /*[+ [# th:insert="~{path/to/file.js}" /] +]*/
  /*]]>*/
</script>

在这五行中，我们打包了：

内联Javascript，以触发内容的百里香素分析（https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#javascript-inlining）
多行注释CDATA表示法，因此没有换行的最小化代码不会仅被解析为注释（https://en.wikipedia.org/wiki/CDATA#Use_of_CDATA_in_program_output）
纯文本原型注释阻止添加代码，以防止在静态文件中呈现内容，并防止IDE被无效代码所混淆。（https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#textual-prototype-only-comment-blocks-adding-code）
自然的javascript模板，要在javascript中使用百里香，我们使用了空标签方法，在这里省略了th：block，因为它是默认（https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#natural-javascript-and-css-templates）
使用th：insert插入片段，以插入包含百里香叶变量的已转译/最小化的外部javascript。您也可以使用th：text或th：utext，但是它们会在不解析的情况下插入外部javascript的内容，因此在我们这种情况下，变量不会被解析。（https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html）
最后是片段特定的语法，以通过模板路径（https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#fragment-specification-syntax）包含模板