正则表达式小脚本(对输入内容进行处理)
该小脚本实现的是对输入框内容中取出<img>标签中的src中的内容,然后在原来位置进行替换内容,然后在去除输入内容中的html标签,空格等操作
<!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <title></title> <script> window.onload=function(){ vartarget=document.getElementById("div1"); varbut=document.getElementById("but"); varvalue; but.onclick=function(){ value=target.innerHTML; result=dealText(value); alert(result); }; }; functiondealText(msg){ vartext1=imageRound(msg); vartext2=removeTag(text1); vartext3=removeBlank(text2); vartext4=changeNBSP(text3); returntext4; } functionDealNum(num){ varcontent=[]; for(vari=0;i<num.length;i++){ // content.push(defaultSrc(num[i])); } returncontent; } functiondefaultSrc(src){ return':avator:'; } functionreturnValue(srcValue){ varnum=[]; varpattern=/([^\/]+)\./; varsrc; for(vari=0;i<srcValue.length;i++){ src=pattern.exec(srcValue[i])[1]; num.push(src); } //alert(num); varsource=DealNum(num); returnsource; } functionimageRound(text){ varreg2=/<img.*?\>/gi; vars=text.match(reg2); varnum=returnValue(s); vari=0; varcontent=text.replace(reg2,function(){ returnnum[i++]; }); returncontent; } functionremoveTag(text){ vartext1; varreg=/<.*?>|<.*?\/>/g; text1=text.replace(reg,""); returntext1; } functionremoveBlank(text){ vartext1; varreg=/\s+/g; text1=text.replace(reg,""); returntext1; } functionchangeNBSP(text){ vartext1; varreg=/ /g; varreg1=/\;/g; text1=text.replace(reg,''); text1=text1.replace(reg1,""); returntext1; } </script> </head> <body> <divcontenteditable="true"id="div1">abc efg <imgsrc="asdjk/123.jpg"/><span>hi gk</span><img src="ahdkh/124.jpg"/> <div>lmnop</div> qrstuvw </div> <buttonid="but">更新</button> </body> </html>