template中写js代码

在template中写JavaScript代码，可以通过两种方式实现：使用模板语法中的脚本块或者在外部引入JavaScript文件。

1. 使用模板语法中的脚本块：
在模板中，可以使用`<% ... %>`包裹JavaScript代码，并在其中编写任意JavaScript逻辑。例如，可以在脚本块中定义变量、循环操作或者条件判断等。
以下是一个示例：

   <script type="text/template" id="tpl">
       <% var fruits = ['apple', 'banana', 'orange']; %>
       <% for(var i=0; i<fruits.length; i++) { %>
           <li><%= fruits[i] %></li>
       <% } %>
   </script>

在上述示例中，模板中定义了一个名为`fruits`的数组，然后使用`for`循环遍历数组，将每个水果名作为列表项渲染到HTML中。使用`<%= ... %>`输出变量值。

2. 外部引入JavaScript文件：
除了直接在模板中编写JavaScript代码，也可以通过在模板外部引入JavaScript文件的方式来使用更复杂的JavaScript逻辑。可以在HTML中引入外部的JavaScript文件，然后在模板中调用相应的函数或变量。
以下是一个示例：

   <script src="template.js"></script>
   <script type="text/template" id="tpl">
       <h1><%= getTitle() %></h1>
   </script>

上述示例中，通过`<script src="template.js"></script>`引入了一个名为`template.js`的JavaScript文件。在模板中使用`<%= getTitle() %>`调用了该文件中的`getTitle`函数，将函数返回的结果渲染到HTML中。