script "text/template"

<script type="text/template" id="orgItem">
    <div class="{orgClass}">
        <div class="org-item {hasorg}" data-orgid="{orgid}">
            <i class="ico ico-orgzk"></i>
            <div class="org-item-bd">{name}</div>
        </div>
        <div class="org-item-ft"></div>
    </div>
</script>

 

存放一個模板 在JS中，常常須要使用JS往頁面中插入HMTL內容.好比： var number=123; $('#id').appedn('<div class="item">'+number+'</div>');

若是HTML內容很短還好說，可是當遇到像上面這樣的大段的HTML內容時， 直接用字符串存儲就會很困難，不光要處理單引號，還須要不少「+」來連接 一個個字符串，十分不方便

若是給<script>設置type="text/template",標籤裏面的內容就不會被執行， 也不會被顯示在頁面上，可是能夠在另外一個script裏面經過獲取和相關的模板 工具進行處理，插入到頁面中。

這樣就把大段的HTML操做從JS中分離開了