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);}