thymeleaf存在mode里面的参数怎么给js使用

Thymeleaf是一个用于Web开发的模板引擎，它允许你在HTML页面中嵌入表达式和条件控制。当你需要从服务器传递数据到前端JavaScript时，可以使用`th:each`, `th:href` 或者 `th:src` 这样的Thymeleaf属性，并结合`data-*` 属性将Thymeleaf表达式的值作为JavaScript变量传递。

例如，如果你有一个列表项，每个元素都有一个动态ID，你可以这样做：

<tr th:each="item : ${items}">
    <td>
        <button th:id="'btn-' + item.id" data-js-id="${item.id}"
                onclick="handleClick(this)">点击</button>
    </td>
    <!-- 其他td内容... -->
</tr>

<script>
function handleClick(btn) {
    const jsId = btn.dataset.jsId; // 获取到通过th:src传递过来的id
    console.log('JS ID:', jsId);
    // 在这里可以根据jsId执行相应的操作
}
</script>

在这个例子中，`th:id` 将Thymeleaf表达式 `item.id` 的值赋给了`<button>`的ID，而`data-js-id`则直接将该值作为一个JavaScript数据属性传递给了按钮。在JavaScript函数`handleClick`中，可以通过`this.dataset.jsId`获取到这个动态的ID。