一、簡單示例
1.在頁面渲染的時候,浏覽器不會讀取script标簽中的html代碼,又不在頁面上顯示
2.外面不能擷取到裡面的div節點
在使用時,要在script标簽上加個ID可以供我們找到它,即然做模版用,且裡面的html代碼不會被渲染讀取,則需在外面再建立一個div來當容器,裝下這些html代碼,
即我們可以通過
var _html=document.getElementById('javascript_template').innerHTML;
document.getElementsByTagName('div')[0].innerHTML=_html;
然後我們模版裡的htmll代碼就可以運作在頁面中了;
如果遇到html代碼加入外部div後,擷取不到節點的情況,可以在外部寫個函數,然後在html内部用行内調用 onclick="_dom()"
function _dom() { document.getElementById('wrap') ;}
二、json應用
模闆代碼
腳本代碼
當你單擊按鈕時,可以把commentTemplate的内容追到comment_ul_2裡,
而其中有一個replace,在替換時可以接受一個json字元串,然後根據json的key來對比js子產品裡的key,進行指派!
來自:
http://www.cnblogs.com/MrZouJian/p/5614581.html
http://www.cnblogs.com/lori/archive/2012/08/31/2665802.html