jQuery Template的用法
Javascript代码中不要包含HTML:
vardiv=document.getElementById("my-div");div.innerHTML="<h4>Error</h4><p>Invalide-mailaddress.</p>";
在Javascript代码中完全隔绝HTML很难,这一点可以根据实际情况来权衡使用。Javascript 模版技术就是一种有效隔离HTML和Javascript代码的手段,如下是jQuery Template的用法:
//HTML<scriptid="bookTemplate"type="text/x-jQuery-tmpl"><div><imgsrc="BookPictures/${picture}"alt=""/><h3>${title}</h3>price:${formatPrice(price)}</div></script>//Javascript//Createanarrayofbooksvarbooks=[{title:"ASP.NET4Unleashed",price:37.79,picture:"AspNet4Unleashed.jpg"}];//Renderthebooksusingthetemplate$("#bookTemplate").tmpl(books).appendTo("#bookContainer");functionformatPrice(price){return"$"+price.toFixed(2);}
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。