作家
登录

尝试在让script的type属性等于text/html

作者: 来源:www.28hudong.com 2013-03-30 00:12:46 阅读 我要评论

我们可以在<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> 复制代码 代码如下: <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': 'zhang', '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> OK,这个意思是说,当你单击按钮时,可以把commentTemplate的内容追到comment_ul_2里,这很有意思吧,呵呵!而其中有一个replace,也很有意思,向在替换时,可以接受一个json字符串,然后根据json的key来对比js模块里的key,进行赋值! 真的很有意思!

  推荐阅读

  ExtJS中文乱码之GBK格式编码解决方案及代码

这几天做后台看了一些Ext的知识,在切入工作项目的时候出现了乱码情况,所以就总结了这篇ExtJS中文乱码之GBK格式编码解决办法的文章,作为记录。 1、具体情况: 在引入:复制代码 代码如下:<title>Ext-学习|测试项>>>详细阅读


本文标题:尝试在让script的type属性等于text/html

地址:http://www.17bianji.com/kaifa2/JS/22503.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)