嘗試在讓script的type屬性等于text/html

2024-05-06 14:19:54

字體：大中小

來源：轉載

供稿：網友

我們可以在<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("http://[([^//[//]]*?)//]", '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，進行賦值！
真的很有意思！

上一篇：用JS提交參數創建form表單在FireFox中遇到的問題

下一篇：javascript改變position值實現菜單滾動至頂部后固定