script标签的type="test/html"时
来源:互联网 发布:windows snmp工具 编辑:程序博客网 时间:2024/05/16 16:12
们可以在<script>片断中定义一个被JS调用的代码,但代码又不在页面上显示,这时,我们可以使用下面的方法:
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,进行赋值!
真的很有意思!
阅读全文
0 0
- script标签的type="test/html"时
- <a> 标签,target="blank",target="_blank" 的区别。
- <html:messages id="">标签 <html:errors/>标签
- String s = "a" + "b" + "c" + "d" + "
- struts2的method="{1}"
- spring 的scope="prototype"
- (转)获取 request 中用POST方式"Content-type"是"application/x-www-form-urlencoded;charset=utf-8"发送的 json 数据
- firefox与ie的在html中放onclick="func()"时的func的this的区别
- hibernate 中的 lazy="proxy" 和 lazy="no-proxy" 的区别
- 关于"=="与"equals()"的思考
- char *s="string"和char s[]="string"的区别
- <SCRIPT src="../scripts/LoadWebOffice.js"></SCRIPT>
- HTML <script>标签的type类型
- "git rm" 和 "rm" 的区别
- "CACHE-CONTROL" content="NO-CACHE"
- 你知道在C#中,string="aa"+"bb"+"cc"+"dd"共
- 比较两个整数的大小,不能使用 "if", "?:", "switch" 等
- 当FORM的ENCTYPE="multipart/form-data" 时request.getParameter()获取不到
- 挪过来的spring mvc 的入门 介绍
- html通过自适应制作手机端音乐播放器
- 阿里云发送短信验证码
- shell 脚本 测试webApp
- TCP流式套接字与I/O复用Select模型代码
- script标签的type="test/html"时
- volatile实例
- 齐次变换
- spring mvc leaning
- chrome 调试工具的使用
- Linux 下wifi 驱动开发(一)—— WiFi基础知识解析
- $ each() 小结
- js 中 的 if使用条件
- js 闭包 理解 copy