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 例子】


    推荐阅读