JavaScript的type属性等于text/html 例子
Posted xz_xiaoshan
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript的type属性等于text/html 例子相关的知识，希望对你有一定的参考价值。
在使用javascript标签<script>的时候，其中type最常用的就是text/javascript
其实这个type还有其他用法，下面直接给出例子：
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>再看上面的代码片段，我们在下面的代码中怎么使用，如下：
<html>
<head>
<title>标题</title>
</head>
<body>
<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\' : \'张\',
\'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>以上是关于JavaScript的type属性等于text/html 例子的主要内容，如果未能解决你的问题，请参考以下文章