jQueryTemplate的用法

Javascript代码中不要包含HTML：

创新互联-专业网站定制、快速模板网站建设、高性价比师宗网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式师宗网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖师宗地区。费用合理售后完善，十余年实体公司更值得信赖。

var div = document.getElementById("my-div");
div.innerHTML = "<h4>Error</h4><p>Invalid e-mail address.</p>";

在Javascript代码中完全隔绝HTML很难，这一点可以根据实际情况来权衡使用。Javascript 模版技术就是一种有效隔离HTML和Javascript代码的手段，如下是jQuery Template的用法：

// HTML<script id="bookTemplate" type="text/x-jQuery-tmpl">  <div>      <img src="BookPictures/${picture}" alt="" />      <h3>${title}</h3>      price: ${formatPrice(price)}  </div>
 </script>// Javascript// Create an array of booksvar books = [{ title: "ASP.NET 4 Unleashed", price: 37.79, picture: "AspNet4Unleashed.jpg" }];// Render the books using the template$("#bookTemplate").tmpl(books).appendTo("#bookContainer"); 
function formatPrice(price) {      return "$" + price.toFixed(2);
}

网页标题：jQueryTemplate的用法
当前URL：https://www.cdcxhl.com/article48/gpjeep.html

成都网站建设公司_创新互联，为您提供做网站、外贸建站、营销型网站建设、建站公司、外贸网站建设、品牌网站制作

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联