天天看點

<script type="text/html"></script> js模版使用

一、簡單示例

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

繼續閱讀