尝试在让script的type属性等于text/html

172 阅读 0 评论 114 点赞

我是靠谱客的博主愤怒黑裤，最近开发中收集的这篇文章主要介绍尝试在让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> 