JavaScript的type属性等于text/html 例子

怀抱观古今，寝食展戏谑。这篇文章主要讲述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="https://www.songbingjia.com/android/#"> < img src="https://www.songbingjia.com/android/[UserImg]" /> < /a> < /div> < p> < a href="https://www.songbingjia.com/android/#"> [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="https://www.songbingjia.com/android/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>

这里解释一下：其中有一个replace，在替换时，可以接受一个json字符串，然后根据json的key来对比js模块里的key，进行赋值！【JavaScript的type属性等于text/html 例子】