亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

 更新時間:2014年04月17日 15:31:44   作者:  
選擇表情插入文本域的時候,顯示的是類似[哈哈]這樣的字符串,下面是把表情字符串轉換為圖片表情的一種方法
微博或者論壇上常見的效果,選擇表情插入文本域的時候,顯示的是類似[哈哈]這樣的字符串,下面是把表情字符串轉換為圖片表情的一種方法
復制代碼 代碼如下:

<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

相關文章

  • javascript下拉列表菜單的實現(xiàn)方法

    javascript下拉列表菜單的實現(xiàn)方法

    這篇文章主要介紹了javascript下拉列表菜單的實現(xiàn)方法,采用table來封裝,我們知道table的每一行寫滿了之后,下一行會自動添加,文章末尾附有完整的代碼,需要的朋友可以參考下
    2015-11-11
  • bootstrap精簡教程_動力節(jié)點Java學院整理

    bootstrap精簡教程_動力節(jié)點Java學院整理

    這篇文章主要介紹了bootstrap精簡教程,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-07-07
  • 關于javascript中限定時間內防止按鈕重復點擊的思路詳解

    關于javascript中限定時間內防止按鈕重復點擊的思路詳解

    下面小編就為大家?guī)硪黄P于javascript中限定時間內防止按鈕重復點擊的思路詳解。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-08-08
  • JavaScript設計模式之策略模式詳解

    JavaScript設計模式之策略模式詳解

    設計模式(Design pattern)是解決軟件開發(fā)某些特定問題而提出的一些解決方案也可以理解成解決問題的一些思路,下面這篇文章主要給大家介紹了關于JavaScript設計模式之策略模式的相關資料,需要的朋友可以參考下
    2022-06-06
  • javascript克隆元素樣式的實現(xiàn)代碼

    javascript克隆元素樣式的實現(xiàn)代碼

    這是一個實驗用的玩意,它可以克隆指定元素的最終樣式,并包裝成一個css類,它還可以證明Oprea 11.10 是個混球
    2011-10-10
  • js控制臺報錯Uncaught TypeError: Cannot read properties of undefined (reading ‘a(chǎn)ppendChild‘)的解決

    js控制臺報錯Uncaught TypeError: Cannot read p

    本文主要介紹了js控制臺報錯Uncaught TypeError: Cannot read properties of undefined (reading ‘a(chǎn)ppendChild‘)的解決,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2023-07-07
  • js如何使用Pagination+PageHelper實現(xiàn)分頁

    js如何使用Pagination+PageHelper實現(xiàn)分頁

    本文主要介紹了js如何使用Pagination+PageHelper實現(xiàn)分頁,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2022-06-06
  • JavaScript點擊按鈕生成4位隨機驗證碼

    JavaScript點擊按鈕生成4位隨機驗證碼

    這篇文章主要為大家詳細介紹了JavaScript點擊按鈕生成4位隨機驗證碼,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-01-01
  • Javascript中3個需要注意的運算符

    Javascript中3個需要注意的運算符

    這篇文章主要介紹了Javascript中3個需要注意的運算符,這3個運算符的使用有很多需要注意的地方和有意思的地方,需要的朋友可以參考下
    2015-04-04
  • 用Javascript實現(xiàn)錨點(Anchor)間平滑跳轉

    用Javascript實現(xiàn)錨點(Anchor)間平滑跳轉

    本文介紹的方法,實現(xiàn)了錨點(Anchor)間平滑跳轉,效果非常不錯。
    2009-09-09

最新評論