php类似微信聊天框,仿微信聊天功能

摘要：

       微信聊天    

window.onload = () => {

// 获取按钮

let btn = document.getElementById('btn');

// 获取输入框

let text = document.getElementById('text');

// 聊天框

let content = document.getElementsByTagName('ul')[0];

btn.onclick = function(){

if(text.value ===''){

alert('不能发送空消息');

}else {

// 将输入的内容插入聊天框

                   content.innerHTML += '

'+text.value+' ';

//清空输入框的内容

text.value = '';

// 内容过多时,将滚动条放置到最底端

content.scrollTop=content.scrollHeight;

}

}

}

未来的女朋友

           

发送

批改老师：欧阳批改时间：2019-05-08 09:21:21

老师总结：完成的不错。等你学了php后，就可以把自动回复数据，让php返回。继续加油。