在前端与后台交互的时刻我们通常都需要将后台通报的数据绑定到html中,这个绑定数据的方式我们通常是使用jQuery或者使用原生的innerHTML举行绑定,固然也可以使用artTemplate模板来绑定数据,那么artTemplate模板它绑定数据的原理是什么呢?实在它就是利用了replace()方式。
对于正则replace约定了一个特殊符号符”$”:
1)、$i(i取值局限1~99):示意从左到右正则子表达式所匹配的文本 2)、$&:示意与正则表达式匹配的所有文本 3)、$`(`:1旁边的谁人键):示意匹配字符串的左边文本 4)、$'(':单引号):示意匹配字符串的右边文本 5)、$$:示意$转移
<script type="text/javascript"> /*要求将字符串中所有的a所有用A取代*/ var str = "javascript is great script language!"; //只会将之一个匹配到的a替换成A console.log(str.replace("a","A")); //只会将之一个匹配到的a替换成A。由于没有在全局局限内查找 console.log(str.replace(/a/,"A")); //所有a都被替换成了A console.log(str.replace(/a/g,"A")); </script>
<script type="text/javascript"> /*要求将下面这个米素中的unabled类移除掉*/ <div class=”confirm-btn unabled mb-10” id=”j_confirm_btn”>提交</div> var classname = document.getElementById(“j_confirm_btn”).className; /*(^|\\s)示意匹配字符串开头或字符串前面的空格,(\\s|$)示意匹配字符串末端或字符串后面的空格*/ var newClassName = classname.replace(/(^|\\s)unabled(\\s|$)/,””); document.getElementById(“j_confirm_btn”).className = newClassName; </script>
<script> /*要求:将字符串中的双引号用"-"取代*/ var str = '"a", "b"'; console.log(str.replace(/"[^"]*"/g,"-$1-")); //输出效果为:-$1-, -$1- /*注释:$1就是前面正则(/"[^"]*"/g)所匹配到的每一个字符。*/ </script>
<script> /*要求:将下面字符串替换成:javascript is fn.it is a good script language*/ var str = "javascript is a good script language"; console.log(str.replace(/(javascript)\s*(is)/g,"$1 $2 fn.it $2")); /*注释:每一对括号都代表一个分组,从左往右划分代表之一个分组,第二个分组...;如上"*(javascript)"为之一个分组, "(is)"为第二个分组。$1就代表之一个分组匹配的内容,$2就代表第二个分组匹配的内容,依此类推...*/ </script>
<script> /*要求:将下列字符串中的"java"用红色字体显示*/ var str = "Netscape在最初将其脚本语言命名为LiveScript,厥后Netscape在与Sun互助之后将其改名为JavaScript。 JavaScript最初受Java启发而更先设计的,目的之一就是“看上去像Java”,因此语法上有类似之处,一些名称和命名规范也借自Java。 但JavaScript的主要设计原则源自Self和Scheme。"; document.write(str.replace(/(java)/gi,'<span style="color: red;font-weight: 800;">$1</span>')); /*注释:必须要开启全局搜索和忽略大小写,否则匹配不到所有的”java”字符*/ </script>
<script type="text/javascript"> /* /ab(cd)\1e/ 这里的 \1 示意把第1个分组的内容重复一遍*/ console.log(/ab(cd)\1e/.test("abcde"));//false console.log(/ab(cd)\1e/.test("abcdcde"));//true /*要求:将下列字符串中相领重复的部门删除掉"*/ var str = "abbcccdeee"; var newStr = str.replace(/(\w)\1+/g,"$1"); console.log(newStr); // abcde </script>
<script> var str = "bbabc"; var newStr = str.replace(/(a)(b)/g,function (){ console.log(arguments);//["ab", "a", "b", 2, "bbabc"] /*参数依次为: 1、整个正则表达式所匹配到的字符串----"ab" 2、之一个分组匹配到的字符串,第二个分组所匹配到的字符串....依次类推一直 到最后一个分组----"a,b" 3、此次匹配在源字符串中的下标,返回的是之一个匹配到的字符的下标----2 4、源字符串----"bbabc" */ }) </script>
<script> /*要求:将下列字符串中的所有首字母大写*/ var str = "Tomorrow may not be better, but better tomorrow will surely come!"; var newStr = str.replace(/\b\w+\b/gi,function (matchStr){ console.log(matchStr);//匹配到的字符 return matchStr.substr(0,1).toUpperCase() + matchStr.substr(1); }); console.log(newStr); </script>
<h1>周星驰喜剧电影:</h1> <div id="content"></div> <script type="text/javascript"> var data = { name: "功夫", protagonist: "周星驰" }, domStr = '<div><span>名称:</span><span>{{name}}</span></div><div><span>导演:</span><span>{{protagonist}}</span> </div>'; document.getElementById("content").innerHTML = formatString(domStr,data); /*绑定数据的焦点就是使用正则举行匹配*/ function formatString(str,data){ return str.replace(/{{(\w+)}}/g,function (matchingStr,group1){ return data[group1]; }); } </script>
<script> var str = "i am a good man"; var newStr = str.replace(/good/g,"$&"); console.log(newStr);//效果:输出i am a good man /*注释:在这里”$&”就是与正则表达式举行匹配的谁人源字符串*/ </script>
<script> /*要求:将"i am a good man"替换成"i am a good-gond man" */ var str = "i am a good man"; var newStr = str.replace(/good/g,"$&-$&"); console.log(newStr); /*注释:在这里”$&”可以获取到前面正则表达式匹配的内容,如上面的”$&”就是正则表达式匹配到的”good”*/ </script>
<script> /*要求:将下列字符串替换成"java-java is a good script"*/ var str = "javascript is a good script"; var newStr = str.replace(/script/,"-$`"); console.log(newStr) /*注释:"$`"获取的是正则左边的内容,如上正则中"script"字符前面的是"java","-$`"就是"-java","-$`"会把script替换掉。*/ </script>
固然说此刻许多加盟商都对加盟创业布满着但愿,可是呢,各人都不知道该如何选择一个符合的加盟项目,此刻我就来为各人推荐一下黄家面馆加盟项目吧!黄家面馆加盟项目在市场上创立多年,品牌形象早就已经深入到人心了...
本文导读目录: 1、欧美黑客题材的电影有哪些推荐? 2、关于黑客的电影有哪些 ,多说点!! 3、有好看经典的关于黑客的电影吗, 推荐几部? 4、黑客的电影有哪些 5、以“黑客”为主题的...
本文导读目录: 1、以“黑客”为主题的电影有哪些? 2、高分悬赏经典电脑黑客电影,经典动作电影,200分?科幻片直接PASS!!! 3、谁能介绍我几部关于电脑黑客的电影,中国的外国的都可以...
手机上微信被监控该怎么办,实际上大家如今的手机微信在安全系数上還是十分有确保的,终究有数千万的客户在使用微信,因此 在安全系数层面大伙儿還是无需过多担忧,那麼下边和大伙儿说一说微信被监控后应当该怎么办...
这个流动需要有平安实体借记卡,通过在微信首次绑定后,可以免费领取10米微信立刻红包(满10.01即可使用),可以充话费等。没有平安银行卡的,也可以介入下之前推过的平安口袋银行领15米话费券的流动。...
时代变了,传统媒体主持人跨界转型成为不可逆转的大趋势。最早探索互联网的前央视体育频道主播黄健翔曾创办电子杂志《最体育》,试水新媒体领域;昔日央视名嘴马东创办米未传媒,正式投身视频原创领域;著名娱乐主持...