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

这个业务逻辑多少都有点奇怪了，阅读浏览次数增值在新闻详情页的控制器方法里setInc，这怎么还写进模型事件里了。如果非要用onAfterRead也可以，把新闻文章的内容单独分出来一个news_content表，然后把它和news做关联，然后给news_content表的onAfterRead事件做增值处理，这样点进新闻页内查询到文章内容时才会触发它。: 评 TP6模型事件-查询后onAfterRead不好用

文章标签更多

ThinkPHP (260)

Mysql (59)

DedeCms (33)

jQuery (74)

证件照 (1)

尺寸大小 (2)

背景颜色 (1)

setInc (4)

setDec (4)

onclick (5)

友情链接更多

超纯水设备

免费设计

海报设计

快递查询

javascript replace 表情

打开边栏(ESC) 关闭边栏(ESC)

微博或者论坛上常见的效果，选择表情插入文本域的时候，显示的是类似[哈哈]这样的字符串，下面是把表情字符串转换为图片表情的一种方法

<!-- html代码 -->
<div id="test">abc</div> 
<!-- js代码 -->
<script>
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; 
</script>

qq表情包及对应face对象：http://pan.baidu.com/s/1qWPQbBu

赏

前一篇

JavaScript reverse() 方法

后一篇

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

相关推荐

return和return false的区别

JavaScript | 2020-08-26 21123

1. return返回null，起到中断方法执行的效果，只要不return false事件处理函数将会继续执行，表单将提交 2. return false，事件处理函数会取消事件，不再继续向下执行。比如表单将终止提交。 <script> function validateForm(){ var username...

console.log怎样输出换行

JavaScript | 2020-04-17 15585

两个console.log()之间默认是换行的，不用单独处理，如果想输出换行，可以用 console.log( '\n' ); 其他内容如果同时打印数字和字符串，并且数字在前，打印字符串会添加引号显示。 console.log('test',1) ==》test 1 console.log(1,'test') ...