js编写简单的聊天室功能
这个聊天室写的特别简易,比较适合刚开始学习js的同学借鉴,当然,写的不好,也希望诸位大神可以进行批评改正。
聊天室要求:
1.不能发空消息
2.敏感字***显示
3.图片替换开心,尴尬
4.显示聊天内容和时间
5.每发一条信息,随机显示名称,先把一些名称定义到array里面
*{ box-sizing:border-box; } .left{ float:left; width:20%; height:650px; color:red; border:1pxsolidred; border-right:20pxsolidcornflowerblue; } .center{ position:relative; float:left; width:60%; height:650px; border:1pxsoliddarkcyan; } .chatList{ width:100%; height:500px; overflow-y:scroll; } .bottom{ position:absolute; width:100%; height:150px; left:0; bottom:0; background:skyblue; } .bottomtextarea{ width:70%; height:100%; font-size:18px;; vertical-align:middle; border:1pxsolidred; background:blanchedalmond; } .bottominput{ width:80px; height:40px; margin-left:30px; } .right{ float:right; color:#000000; border-right:0; border-left:20pxsolidcornflowerblue; }