关于MVC模板渲染的一点小事type="text/template"

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

 

posted @ 2016-04-07 18:36  olivianate  阅读(4130)  评论(0)  编辑  收藏  举报