2019獨角獸企業重金招聘Python工程師標準>>>

當<script>中的type等於text/html時，我們可以做很多事件！

我們可以在<script>片斷中定義一個被JS呼叫的程式碼，但程式碼又不在頁面上顯示，這時，我們可以使用下面的方法：

<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>
 

<div id="comment_ul_2"></div>
<input type="button" id="addFun" value="click me" />
<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': 'zhang', '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>
 

OK，這個意思是說，當你單擊按鈕時，可以把commentTemplate的內容追到comment_ul_2裡，這很有意思吧，呵呵！

而其中有一個replace，也很有意思，向在替換時，可以接受一個json字串，然後根據json的key來對比js模組裡的key，進行賦值！

真的很有意思！

轉載於:https://my.oschina.net/neumeng/blog/2120048