Thymeleaf模版页面内嵌JS不能使用For循环问题

学习练习Thymeleaf模版页面技术，出现内嵌JS不能直接使用For循环？启动报错，原因不详？

<script type="text/javascript" th:inline="javascript">

 for(var i=1;i<3;i++){

     alert(i);

  }

</script>

多次尝试找到的解决方法：需要在for循环语句前后添加/* <![CDATA[ */ 和 /* ]]> */就OK了，原因不明？

 

<script type="text/javascript" th:inline="javascript">

/* <![CDATA[ */

     for(var i=1;i<3;i++){

      alert(i);

    }

 /* ]]> */

</script>