thymeleaf 在 html和js 中拼接字符串

一、th:text字符串和事件拼接

    1. <span th:text="'Welcome,'+${user.name}">
    2.  <span th:text="|Welcome, ${user.name}|">
    3. input type="button" th:onclick="|javascript:fungetone(${con.uid})|" value = "修改" />
    4. <a href="javascript:void(0) th:onclick='${"goRead("+menu.***+")"}'>
    5. 亲测这种可以  

二、th:action字符串拼接

  <form th:action="@{'/user/'+${user.userId}}"></form>
  <form th:action="@{/user/{userId}(userId=${user.userId})}"></form>

JavaScript中

  <script th:inline="javascript">
  $("#content").html(
    "<select name='status'>"+
    " <option value=''>[[#{admin.common.choose}]]</option>"+
    " <option value="+[[${status}]]+">[[#{'Order.Status.' + ${value}}]]</option>"+
    "</select>");
  </script>

三 拼接url和href

  src示例:

  <img th:src="@{/img/research/{filename}(filename=${research.filename})}">
  href示例:

  <a th:href="@{'https://'+${url.url}}" th:text="${url.urlName}"></a>

原文地址:https://www.cnblogs.com/ch94/p/10030591.html