使用JavaScript怎么实现一个聊天对话框 - 行业资讯 - 肥雀云

　　介绍

本篇文章给大家分享的是有关使用JavaScript怎么实现一个聊天对话框,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

具体内容如下

& lt; ! DOCTYPE html> 　　& lt; html> 　　,& lt; head> 　　,& lt; meta charset=皍tf-8"比; 　　,& lt; title> & lt;/title> 　　,& lt; style 类型=拔谋?css"比; 　　,.box { 　　,宽度:300 px; 　　,身高:400 px; 　　,边界:1 px solid 蓝色; 　　,保证金:0,汽车; 　　,} 　　,相关性{ 　　,宽度:280 px; 　　,身高:280 px; 　　,边界:1 px solid 一个; 　　,保证金:0,汽车; 　　,margin-top: 10 px; 　　,overflow-y:汽车; 　　,} 　　,{文本区域　　,显示:块; 　　,宽度:276 px; 　　,身高:65 px; 　　,保证金:0,汽车; 　　,margin-top: 5 px; 　　,} 　　,# btn { 　　,显示:块; 　　,浮动:正确; 　　,margin-right: 10 px; 　　,margin-top: 5 px; 　　,} 　　,p { 　　,显示:inline-block; 　　,这个特性:5 px; 　　,背景:# dcdcdc; 　　,字体大小:12 px; 　　,填充:5 px 5 px; 　　,保证金:5 px 0; 　　,margin-left: 5 px; 　　,max-width: 140 px; 　　,自动换行:break-word; 　　,} 　　,& lt;/style> 　　,& lt;/head> 　　,& lt; body> 　　,& lt; div 类=癰ox"比; 　　,& lt; div 类=癷nTer", id=癴ather"比; 　　,& lt; p>你好& lt;/p 祝辞& lt;/br> 　　,& lt; p>你好& lt;/p 祝辞& lt;/br> 　　,& lt; p>你好& lt;/p 祝辞& lt;/br> 　　,& lt; p> heiheiheiheiehieheieheieheieheiheiehe 　　,& lt;/div> 　　,& lt; textarea id=皌xt"比; 　　,& lt;/textarea> 　　,& lt; input 类型=癰utton", id=癰tn",价值=https://www.yisu.com/zixun/狈⑺?/> 　　

　　身体　　　　<>脚本　　var btn=. getelementbyid (btn); 　　var txt=. getelementbyid (txt); 　　var父亲=. getelementbyid(“父亲”) 　　var p=document.getElementsByTagName (“p”); 　　btn.onclick=function () { 　　如果(txt.value==" ") { 　　alert("请勿发送空内容”); 　　} 　　其他{ 　　var=document.createElement儿子(“p”); 　　son.style.backgroundColor="黄绿色”; 　　son.style.clear=岸肌? 　　son.style.float=罢贰钡? 　　son.style.marginRight=" 5 px”; 　　son.innerText=txt.value; 　　father.appendChild(儿子); 　　txt.value=" "; 　　son.scrollIntoView (); 　　} 　　　　} 　　document.onkeydown=function (evt) { 　　var e=evt | |事件; 　　e.keyCode=e.which=e.charCode; 　　如果(e。键码==13 | | e.keyCode==10) { 　　如果(txt.value==" ") { 　　alert("请勿发送空内容”); 　　} 　　其他{ 　　var=document.createElement儿子(“p”); 　　son.style.backgroundColor="黄绿色”; 　　son.style.clear=岸肌? 　　son.style.float=罢贰钡? 　　son.style.marginRight=" 5 px”; 　　son.innerText=txt.value; 　　father.appendChild(儿子); 　　txt.value=" "; 　　son.scrollIntoView (); 　　} 　　} 　　} 　　

以上就是使用JavaScript怎么实现一个聊天对话框,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注行业资讯频道。