巧用replace將文字表情替換為圖片_javascript技巧

微博或論壇上常見的效果，選擇表情插入文字域的時候，顯示的是類似[哈哈]這樣的字串，以下是把表情字串轉換為圖片表情的一種方法

複製程式碼 程式碼如下:

abc

複製程式碼 程式碼如下:

var face ={'[哈哈]':'','[流汗]':''} / /完整的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