标签:
先上一个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。
关于MVC模板渲染的一点小事type="text/template"
标签:
原文地址:http://www.cnblogs.com/olivianate/p/5364850.html