18910140161

thymeleaf 在 html和js 中拼接字符串

顺晟科技

2022-09-15 22:12:22

185

一、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>

我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航