script标签的type="test/html"时
2017-06-14 17:57
309 查看
们可以在<script>片断中定义一个被JS调用的代码,但代码又不在页面上显示,这时,我们可以使用下面的方法:
OK,这个意思是说,当你单击按钮时,可以把commentTemplate的内容追到comment_ul_2里,这很有意思吧,呵呵!
而其中有一个replace,也很有意思,向在替换时,可以接受一个json字符串,然后根据json的key来对比js模块里的key,进行赋值!
真的很有意思!
1 <script id="commentTemplate" type="text/html"> 2 <li> 3 <div class="photo"> 4 <a href="#"> 5 <img src="[UserImg]" /></a></div> 6 <p> 7 <a href="#">[UserName]:</a><span class="time">[CreateDate]</span></p> 8 <div class="clear"> 9 </div> 10 </li> 11 </script>
1 <div id="comment_ul_2"> 2 </div> 3 <input type="button" id="addFun" value="click me" /> 4 <script type="text/javascript"> 5 var reg = new RegExp("\\[([^\\[\\]]*?)\\]", 'igm'); //i g m是指分别用于指定区分大小写的匹配、全局匹配和多行匹配。 6 $("#addFun").click(function () { 7 var html = document.getElementById("commentTemplate").innerHTML; 8 var source = html.replace(reg, function (node, key) { return { 'UserImg': '1', 'UserName': 'zhang', 'CreateDate': '2011-1-1'}[key]; }); 9 $("#comment_ul_2").append(source); 10 }); 11 12 var zzl = "name:[name]"; 13 zzl = zzl.replace(reg, function (node, key) { return { 'name': '占占'}[key]; }); 14 alert(zzl); 15 16 </script>
OK,这个意思是说,当你单击按钮时,可以把commentTemplate的内容追到comment_ul_2里,这很有意思吧,呵呵!
而其中有一个replace,也很有意思,向在替换时,可以接受一个json字符串,然后根据json的key来对比js模块里的key,进行赋值!
真的很有意思!
相关文章推荐
- script标签的type="test/html"时
- script标签中type为"text/x-template"或"text/html"
- HTML中的input type="reset"标签失效(不起作用)的可能原因。
- android支持html的<input type="file">标签
- HTML中的input type="reset"标签失效(不起作用)的可能原因。
- HTML <script>标签的type类型
- HTML中INPUT type="date"标签如何赋值注意问题
- html"meta"标签详解
- struts"html:base"与html"base"标签详解
- HTML中a标签的rel属性使用 link标签的rel="search"用法
- response.setContentType("text/html"); 必须注明,否则导致解析不正确了
- HTML <input> 标签的 type 属性
- html <img>标签 src=""内的图片路径问题
- 求助:page contentType="text/html;charset=gb2312"等价于什么?
- 在世界之窗浏览器,html的a标签+target="_新窗口"+onclick=js在新窗口执行
- 让HTML中的文本框<input type="text">中的文字垂直居中
- nginx升级到 0.8.53 之后,使用老的配置出现duplicate MIME type "text/html"问题的解决办法
- ... 作为 input type="button/submit/reset"的一个代替者,功能更强大, 标签的语义也更明确 是实际开发中推荐使用的一个html标签.
- header("Content-Type:text/html;charset=utf-8");
- HTML <script> 标签的 type 属性