如何用js实现聊天中添加表情

JavaScript010

如何用js实现聊天中添加表情,第1张

页面不刷新就是 异步操作.不管你是操作数据库还是操作文件还是操作request..都是用异步的可以实现..

AJAX是一个办法.现在也很成熟..

或者就自己搞js控制页面.

目前B/S程序,都是基于请求/相应模式的。

所以

不自动刷新可以通过脚本定时向服务器端发送异步请求实现。

然后通过DOM操作即时把相应结果集加载到聊天页面。

当然你也可以在用户发送聊天信息的同时触发一个异步请求,即时更新当前时刻的聊天信息。

所有的这些你都可以通过javascript实现。关于异步请求和即时改变DOM树,现在有一个流行的词语-“AJAX”。

<HTML>

<HEAD>

<TITLE>New Document </TITLE>

</HEAD>

<script language='javascript'>

function g(obj){

var div=document.getElementById('content')

var element=document.createElement('img')

element.src=obj.src

//可以把图片的路径放到一个变量里面,然后提交到后台

//或者后台用正则表达式取也行

div.appendChild(element)

div.focus()

}

</script>

<BODY>

<img src='x.gif' onclick='g(this)'/>

<div id='content' contentEditable='true' style='border:1px solid bluewidth:600pxheight:400px'>

</div>

</BODY>

</HTML>

这个实现一般有两用方式

1.用js定义一个字符串变量,把图片的字符串写进去,然后div.innerhtml把这个字符串加进去。

2.用类似jquery的js插件,也是先定义图片字符串变量,然后div.append这个字符串就好了。