script標簽的type="test/html"時

們可以在<script>片斷中定義一個被JS調用的代碼，但代碼又不在頁面上顯示，這時，我們可以使用下面的方法：

 1   <script id="commentTemplate" type="text/html">
 2      <li>
 3         <div class="photo">
 4             <a href="#">
 5                 <img src="[UserImg]" /></a></div>
 6         <p>
 7             <a href="#">[UserName]：</a><span class="time">[CreateDate]</span></p>
 8         <div class="clear">
 9         </div>
10     </li>
11     </script>

 1 <div id="comment_ul_2">
 2     </div>
 3     <input type="button" id="addFun" value="click me" />
 4     <script type="text/javascript">
 5         var reg = new RegExp("\\[([^\\[\\]]*?)\\]", 'igm'); //i g m是指分別用於指定區分大小寫的匹配、全局匹配和多行匹配。
 6         $("#addFun").click(function () {
 7             var html = document.getElementById("commentTemplate").innerHTML;
 8             var source = html.replace(reg, function (node, key) { return { 'UserImg': '1', 'UserName': 'zhang', 'CreateDate': '2011-1-1'}[key]; });
 9             $("#comment_ul_2").append(source);
10         });
11 
12         var zzl = "name:[name]";
13         zzl = zzl.replace(reg, function (node, key) { return { 'name': '占占'}[key]; });
14         alert(zzl);
15 
16     </script>

OK，這個意思是說，當你單擊按鈕時，可以把commentTemplate的內容追到comment_ul_2里，這很有意思吧，呵呵！

而其中有一個replace，也很有意思，向在替換時，可以接受一個json字符串，然后根據json的key來對比js模塊里的key，進行賦值！

真的很有意思！

 

 

歡迎大家來我的新家看一看 3wwang個人博客-記錄走過的技術之路