懶得在 js 裏面手工拼字符串的產物……
簡言之就是可以寫類似這種樣子的模板來用：

function (items) {
//  <ul>
        foreach(
            function (item) {
//              <li>${item}</li>
            }, items);
//  </ul>
}

某种意義上有點像 jsp 說……
但是這個模板是反過來把需要顯示的 html 部分用註釋註起來了
主要原因是 // 這種單行註釋很多時候比需要兩邊包東西的語法要方便很多
而且這樣寫出來的模板可以直接放進通用的 js 編輯器

然後傳個數組進去就可以拿到 html 代碼啦。
比如傳 [1,2,3] 的話就得到

    <ul>
                <li>1</li>
                <li>2</li>
                <li>3</li>
    </ul>

因爲實際上還是要拼字符串的緣故所以很多地方不好做，比如挂 event 什麽的
不過用來生成一些小片斷還是可以
可惜的是，因爲直接 var foo = function () { .. } 的話貌似之後拿不到註釋
所以我只能想到 xhr 取單獨的模板文件這一種方法

嗯，看例子。


p.s. en... 話説這東西應該不只能創建 html 模板才對。
     回頭從 html 包裏面挪出去吧……
--
修改:withinsea FROM 221.222.244.93
FROM 221.222.244.93
附件(25.2KB) template.demo.zip

嘿嘿，也許比我這個功能強，但是絕對沒有我這個看上去好玩

【 在 FreeWizard (  ) 的大作中提到: 】
: good
: ref
: http://trimpath.com/project/wiki/JavaScriptTemplates
: ...................
--
FROM 221.222.244.93

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

【 在 modico (modico) 的大作中提到: 】
: 不好。因为看上去丑。
: 为什么不用XSL。
結構複雜，需要額外的解析器，只接受 xml 數據……
--
FROM 221.222.251.242

我发现定期来这里
基本都是orz你

【 在 withinsea (沐海~魔導奏器|歌の琴フォルテール) 的大作中提到: 】
: 懶得在 js 裏面手工拼字符串的產物……
: 簡言之就是可以寫類似這種樣子的模板來用：
: function (items) {
: ...................
--
FROM 221.222.169.*