Thymeleaf 标签学习 之 th:onclick 的使用

th:onclick 是 Thymeleaf 模板引擎中的一个属性，用于处理 HTML 元素的 onclick 事件。当你在 HTML 元素上使用 th:onclick 属性时，你可以定义一个 Thymeleaf 表达式，当 HTML 元素被点击时，这个表达式将被执行。

下面是一个使用 th:onclick 的例子：

<button type="button" th:onclick="'alert(\'' + ${message} + '\');'">点击我</button>

在这个例子中，当按钮被点击时，它将执行 JavaScript alert 函数，并显示出由 ${message} 表达式指定的消息。注意，由于消息内容可能包含单引号，所以我们需要在 Thymeleaf 表达式中对 ${message} 进行转义，以确保生成的 JavaScript 代码是正确的。

另外，你也可以直接调用 Thymeleaf 模板中定义的方法：

<button type="button" th:onclick="myFunc()">点击我</button>

在这个例子中，假设你的模板上下文定义了 myFunc 方法：

<script th:inline="javascript">
    function myFunc() {
        alert("Hello, " + /*[[${name}]]*/ '');
    }
</script>

当按钮被点击时，它将执行 myFunc 函数，并显示由 ${name} 指定的消息。