巧用replace将文字表情替换为图片

<div id="test">abc</div> 
 
 代码如下:

var face ={'[哈哈]':'<img src="images/face/haha.gif" alt="" />','[流汗]':'<img src="images/face/liuhan.gif" alt="" />'} //完整的qq表情见本文末尾 

var reg = /\[.+?\]/g; 

var str = '[哈哈]abc[流汗][流汗]'; //这里是获取到的文本域的value，简洁起见，直接使用了字符串。 

str = str.replace(reg,function(a,b){ 

return face[a]; 

}); 

document.getElementById('test').innerHTML = str; 
 
qq表情包及对应face对象：http://pan.baidu.com/s/1qWPQbBu