先上一個demo，簡單粗暴，請自便
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0px; padding: 0px; } </style> <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> </head> <body> <script type="text/template" id="unit_temple">
這里是模版 <div>你好</div> </script> <div id="content">hi</div> <script type="text/javascript"> $("#content").html($("#unit_temple").html()); </script> </body> </html>
這里定義了一個渲染的模板，在最初看html <script>標簽的type屬性的時候只看到了如下幾個值，固定思維的以為就只能用下面的幾個值了，其實type這個值是可以更改的，就如上面的那個demo了，
<script type="text/template" id="unit_temple">
語法 <script type="value"> 屬性值 值 描述 MIME_type MIME 類型。其中一些值： text/javascript text/ecmascript application/ecmascript application/javascript text/vbscript
這里為什么用script標簽呢，用script標簽的好處是默認不會顯示在頁面上，而且可以放置除script標簽以外所有的標簽，模板一般不會出現scrtipt標簽，總結一下就是script 標簽的type可以隨意定義， 但是要看支持的東西，比如React用的 jsx 就用的是 text/jsx。