先上一个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。