html用图片替换文字,js把一个字符串里符合表情文字标签的地方全部替换为相应的图片的方法...

abc

//表情

var emotion =[

{"name": "Expression_1","text": "[微笑]"},

{"name": "Expression_2","text": "[撇嘴]"},

{"name": "Expression_3","text": "[色]"},

{"name": "Expression_4","text": "[发呆]"}

]

//批量替换方法

function ReCont(strCont) {

for (var i in emotion) {

var item = emotion[i];

var strimg=''+item.name+'.png';

var reg=new RegExp("\\"+item.text,"g");

//alert(reg);

strCont=strCont.replace(reg, strimg);

//alert(strCont);

}

return strCont;

}

//字符串

strCont="[微笑]不要说人家啦![撇嘴]人家好[发呆]啊";

//替换

newContent=ReCont(strCont);

//输出到页面

document.getElementById('test').innerHTML = newContent;

另插入小说明:在js里插入特殊字符:

下面的表格列出了其余的特殊字符,这些特殊字符都可以使用反斜杠来添加到文本字符串中:

代码 输出

\’ 单引号

\" 双引号

\& 和号

\\ 反斜杠

\n 换行符

\r 回车符

\t 制表符

\b 退格符

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值