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

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

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

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

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

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

所以

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

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

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

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

这样吗?

<a href="javascript:void(0)" id="f1" onclick="test(1)">^_^</a>

<a href="javascript:void(0)" id="f2" onclick="test(2)">:-P</a>

<textarea name="content" id="content"></textarea>

<script type="text/javascript">

function test(t) {

var C = document.getElementById("content")

var F = document.getElementById("f" + t).innerHTML

if(F){

C.value = C.value + F

}

}

</script>

<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>


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11694001.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-18
下一篇2023-05-18

发表评论

登录后才能评论

评论列表(0条)

    保存