function (data) {
//   <div id="container">
//         <div id="template">
//                <a href="doSomething.do?p=${data.p}&q=${data.q}">
//                ${data.title} ${data.date}
//                </a>
//         </div>
//   </div>
}

也還好吧？呵呵
需要註釋也可以用 /* */ 加進去，或者把 // 跟在行尾

和你那個比較起來就像是 jsp(簡化的servlet) 和 tapestry 之間的區別
兩种不同的風格嘛。我這种寫法並沒有把頁面設計分離出去……
説到底其實只是一種 document.write(..) 串的簡單寫法而已

【 在 wt2000 (wk) 的大作中提到: 】
:   这种做法很不好啊。
:   注释就是注释，很混淆，不易维护。我常用的一种使用模板的方式是：
:   --html--
:   <div id="container">
:         <div id="template">
:                 <a href="doSomething.do?p={p}&q={q}">
:                 {title} {date}
:                 </a>
:         </div>
:   </div>
:   --js--
:   var data = {p: 1, q: 'xxx', title: 'title', date: '2007-12-15'};
:   var tmpl = $('#template').html();
:   //using regexp replace the template
:   for (var key in data) {
:         tmpl = tmpl.replace(new RegExp("{"+key+"}","ig"),data[key]);
:   }
:   $('#template').html(tmpl);
:   没有测试。看个意思了。
--
修改:withinsea FROM 221.222.251.242
FROM 221.222.251.242