在<script type =“text / html&gt; ....&lt; / script&gt;中添加Javascript

时间:2017-02-26 13:53:22

标签: javascript html

&lt; p&gt;我是一名新程序员,我有一个小问题。这是我的代码的一部分:&lt; / p&gt; &lt; pre&gt;&lt; code&gt;&lt; script type =“text =”“html”=“”id =“experienceTmpl”&gt;&#xa;&#xa; =“”&lt; li =“”class =“ clearfix“&gt;&#xa;&#xa; =”“&lt; div =”“class =”page-header no-border holder“&gt;&#xa; =”“&lt; a =”“class =” btn btn-icon-toggle btn-accent btn-delete stick-top-right“&gt;&lt; span =”“class =”md md-delete“&gt;&lt; =”“span&gt;&lt; =”“a&gt; &#xa; =“”&lt; h4 =“”class =“text-accent”&gt; food =“”items&#xa; =“”&lt;%=“index%&gt; “&lt; =”“h4&gt;&#xa; =”“&lt; =”“div&gt;&#xa;&#xa; =”“&lt; div =”“class =”row“&gt;&#xa; &#xa; =“”&lt; div =“”class =“col-md-4”&gt;&#xa; =“”&lt; div =“”class =“form-group”&gt;&#xa; =“”&lt; input =“”type =“text”class =“form-control”id =“experience-company-&lt;%= index%&gt;”placeholder =“Food Item”name =“experience-company- &lt;%= index%&gt;“&gt;&#xa; =”“&lt; label =”“for =”experience-company-&lt;%= index%&gt;“&gt;&lt; =”“label&gt;& #xa; =“”&lt; =“”div&gt;&#xa; =“”&lt; =“”div&gt;&#xa;&#xa; =“”&lt; div =“”class =“col-md -4“&gt;&#xa; =”“&lt; div =”“class =”form-group“&gt;&#xa; =”“&lt; input =”“type =”text“class =”form- control“id =”experience-functiontitle-&lt;%= index%&gt;“placeholder =”Price“name =”experience-functiontitle-&lt;%= index%&gt;“data-rule-number =”true“&gt; &#xa; =“”&lt; label =“”for =“experience-functiontitle-&lt;%= index%&gt;”&gt;&lt; =“”label&gt;&#xa; =“”&lt; p =“ “class =”help-block“&gt; digits =”“仅&lt; =”“p&gt;&#xa; =”“&lt; =”“div&gt;&#xa; =”“&lt; =”“div&gt;& #xa;&#xa; =“”&lt; div =“”class =“col -md-4“&gt;&#xa; =”“&lt; div =”“class =”form-group“&gt;&#xa; =”“&lt; select =”“id =”select1-&lt;% = index%&gt;“name =”select1-&lt;%= index%&gt;“class =”form-control“placeholder =”select“required required&gt;&#xa; =”“&lt; option =”“value =” Full Plate“&gt; full =”“plate&lt; =”“option&gt;&#xa; =”“&lt; option =”“value =”Half Plate“&gt; half =”“plate&lt; =”“选项&gt;&# xa; =“”&lt; option =“”value =“Quarter Plate”&gt; quarter =“”plate&lt; =“”option&gt;&#xa; =“”&lt; =“”select&gt;&#xa; =“ “&lt; label =”“for =”select1-&lt;%= index%&gt;“&gt;&lt; =”“label&gt;&#xa; =”“&lt; =”“div&gt;&#xa; =” “&lt; =”“div&gt;&#xa;&#xa; =”“&lt; =”“div&gt;&#xa;&#xa; =”“&lt; div =”“class =”form-group“ &gt;&#xa; =“”&lt; input =“”type =“text”multiple =“”name =“cuisine”class =“tagsInput”value =“Afghani,Mughlai”data-url =“cuisine.json” data-user-option-allowed =“true”data-load-once =“true”required =“”&gt;&#xa; =“”&lt; =“”div&gt;&#xa;&#xa; =“ “&lt; =”“li&gt;&#xa;&#xa;&lt; =”“script&gt;&#xa; <=”“code =”“> &#xA;&#xA;

我的问题是如何添加t他在这个html模板中的脚本,所以输入标签中的类调用此脚本:

&#xA;&#xA;
 &lt; script type =“text / javascript”&gt;&#xA; $('。tagsInput')。fastselect();&#xA;&lt; / script&gt;&#xA;  
&#xA;&#xA;

这是否可以调用此方法html模板中的脚本请提供我完全空白的解决方案。

&#xA;

1 个答案:

答案 0 :(得分:0)

我认为最好的方法是,在渲染特定的脚本/ html模板时,动态地将javascript添加到DOM。

详情: 在应用程序级别,您知道哪个模板将在页面中进行处理。为每个模板ID制作单独的JS文件,并将与活动模板相关的javascript文件注入DOM。

注意: 这就像你要创建模板引擎一样。使用现有模板引擎的最佳方式,如Handlebars,JADE,Underscore。它将节省您的开发时间并减少错误。