正则表达式小脚本(对输入内容进行处理)
该小脚本实现的是对输入框内容中取出<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>