<script type="text/html">的使用

浏览:5390 发布日期:2016/04/13 分类:用法示例 关键字: javascript &lt;script type=&quot;text/html&quot;&gt;
做微商城的时候用到这个东东,里面的内容不在页面显示,好奇它有什么用。下面是一个实例,理解的不全,希望大神补刀。
<html>
<head>
    <meta charset="utf-8">
    <title>标题</title>
</head>
<body>
<div id="comment_ul_2"></div>
<input type="button" id="addFun" value="click me" />
<script id="commentTemplate" type="text/html">
    <li>
        <div class="photo">
            <a href="#"> <img src="[UserImg]" /></a>
        </div>
        <p>
            <a href="#">[UserName]:</a><span class="time">[CreateDate]</span>
        </p>
        <div class="clear"></div>
    </li>
</script>
<script src="http://g.alicdn.com/hichina/home/4.0.13/vendor/jquery/dist/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    var reg = new RegExp("\\[([^\\[\\]]*?)\\]",'igm'); //i g m是指分别用于指定区分大小写的匹配、全局匹配和多行匹配。
    $("#addFun").click(function() {
        var html = document.getElementById("commentTemplate").innerHTML;
        var source = html.replace(reg, function(node, key) {
            return {
                'UserImg' : '1',
                'UserName' : '张',
                'CreateDate' : '2011-1-1'
            }[key];
        });
        $("#comment_ul_2").append(source);
    });
    var zzl = "name:[name]";
    zzl = zzl.replace(reg, function(node, key) {
        return {
            'name' : '小明'
        }[key];
    });
    alert(zzl);
</script>
</body>
</html>
评论( 相关
后面还有条评论,点击查看>>