abstract：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>自动回复</title> <style> *{ma
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>自动回复</title>
<style>
*{margin:0;padding:0;}
.clearFix:after{content:"";display:block;height:0;visibility:hidden;both:clear;}
.fl{float:left;}
.fr{float:right;}
.box{width:360px;height:600px;background:#f5f5f5;margin:100px auto;padding-top:20px;}
.dialog{width:320px;height:520px;background:white;margin:0 auto;overflow:auto;}
.people{width:280px;padding-top:10px;margin-left:10px;}
.headPic{width:40px;height:40px;border-radius:20px;background:yellow;background:url(images/footlogo.png) no-repeat;background-size:40px 40px;}
.message{width:200px;padding:10px;background:#f5f5f5;border-radius:2px;}
.bottom{width:320px;height:80px;margin:0 auto;line-height:80px;}
.text{width:223px;height:40px;background:white;border:1px solid #f0f0f0;border-radius:2px;outline:none;padding-left:10px;}
.send{width:80px;height:40px;background:#ff6700;color:white;border:none;outline:none;}
</style>
</head>
<body>
<div class="box">
<div class="dialog">
</div>
<div class="bottom">
<input tpe="text" class="text">
<button type="submit" class="send">发送</button>
</div>
</div>
<script>
function getObj(arg){
return document.getElementsByClassName(arg)[0];
}
var dialog = getObj("dialog");
var text = getObj("text");
var send = getObj("send");
send.onclick = function(){
var val = text.value.replace(/\s+/g,"");
if(val == ""){
alert("不可以返送空白文本！")
text.value = "";
return false;
}
dialog.innerHTML += '<div class="customer people clearFix fl"><div class="headPic fl"></div><div class="message fl" style="margin-left:10px;">'+val+'</div></div>';
text.value = "";
setTimeout(function(){
var arr = ["现在忙，稍等一下","你好，请问有什么可以帮助你的吗？","不好意思，还可以帮助你吗？","亲，还在吗？"]
var ran = arr[Math.floor(Math.random()*3)];
dialog.innerHTML += '<div class="service people clearFix fr"><div class="headPic fr" style="background:url(images/erweima.png) no-repeat"></div><div class="message fr" style="margin-right:10px;">'+ran+'</div></div>';
},2000)
}
</script>
</body>
</html>
Correcting teacher：查无此人Correction time：2019-05-05 09:26:57
Teacher's summary：等你学了php后，自动回复的语句，就用php来做。继续加油。