黑马程序员PHP培训教程：发表聊天记录_黑马程序员php笔记

黑马程序员PHP培训教程：发表聊天记录由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“黑马程序员php笔记”。

发表聊天记录 HTML页面

function sendMeage(){ var frm=document.getElementById('frm');var fd=new FormData(frm);var req=new XMLHttpRequest();req.open('post','sendMeage.php');req.onreadystatechange=function(){ if(req.readyState==4 && req.status==200){ var msg='发送失败...';if(req.responseText=='1'){ msg='发送成功...';}

//清空聊天

document.getElementById('send_result').innerHTML=msg;

document.getElementById('color').options[0].selected=true;

document.getElementById('biaoqing').options[0].selected=true;

document.getElementById('receiver').options[0].selected=true;document.getElementById('msg').value='';setTimeout(function(){ document.getElementById('send_result').innerHTML='';},3000);//3秒以后消失 } } req.send(fd);} window.onload=function(){ getMeage();setInterval(getMeage, 2000);document.getElementById('btn_send').onclick=sendMeage;} PHP页面

解决：通过c来实现 2 3 4 #show_msg{ height: 320px;/*overflow: auto;*/ 5 overflow-y: auto;/*强制只有Y轴出现滚动条*/ 6 } 7 优化聊天室（垂直滚动条总是位于最底端）

思路：

代码