forked from p51497208/geo_info_platform
100 lines
2.8 KiB
HTML
100 lines
2.8 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>map</title>
|
||
|
|
<script src="./js/jQuery-1.8.3.min.js"></script>
|
||
|
|
<link href="./css/machine.css" rel="stylesheet">
|
||
|
|
<link href="./css/demo.css" rel="stylesheet">
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="ai_content">
|
||
|
|
<p class="ai_title">对话机器人</p>
|
||
|
|
<div id="box">
|
||
|
|
<div class="b-head">
|
||
|
|
<span class="h_span">AI对话</span>
|
||
|
|
</div>
|
||
|
|
<div class="b_body">
|
||
|
|
<div class="rotWord">
|
||
|
|
<span></span>
|
||
|
|
<p id="member">我们聊聊吧！</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="b-footer">
|
||
|
|
<input type="text" name="text" id="f-left">
|
||
|
|
<div id="btn">发送</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script>
|
||
|
|
var params = window.location.href.split('?');
|
||
|
|
console.log(params);
|
||
|
|
$(function(){
|
||
|
|
if(params.length>1){
|
||
|
|
action('中印边境包含哪几段');
|
||
|
|
}
|
||
|
|
})
|
||
|
|
var array = [
|
||
|
|
{
|
||
|
|
input:'中印边境包含哪几段',
|
||
|
|
output:'中印边境包含东段、中段、西段以及锡金段。'
|
||
|
|
},{
|
||
|
|
input:'中印边境问题引发了哪些对峙事件？',
|
||
|
|
output:'中印边境问题引发了桑多河谷对峙、洞朗对峙、班公湖对峙。'
|
||
|
|
},{
|
||
|
|
input:'班公湖对峙发生于哪里',
|
||
|
|
output:'发生在拉达克地区的班公湖北岸。'
|
||
|
|
},{
|
||
|
|
input:'班公湖近况如何？',
|
||
|
|
output:'2019年9月14日印军逼近拉达克地区的班公湖。'
|
||
|
|
},{
|
||
|
|
input:'印军近期在班公湖的活动？',
|
||
|
|
output:'印军在拉达克地区举行联合军演、印度北部军区司令到班公湖巡视。'
|
||
|
|
},{
|
||
|
|
input:'哟',
|
||
|
|
output:'耶~'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
var text = $("#f-left");
|
||
|
|
text.focus();
|
||
|
|
function action(value)
|
||
|
|
{
|
||
|
|
if(value==null||value=="")
|
||
|
|
{
|
||
|
|
text.focus();
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
var html = '<div class="mWord"><span></span><p>'+value+'</p></div>';
|
||
|
|
$(".b_body").append(html);
|
||
|
|
|
||
|
|
var answer = "";
|
||
|
|
for(var i = 0 ;i<array.length;i++){
|
||
|
|
if( array[i].input.indexOf(value) > -1 ){
|
||
|
|
answer = '<div class="rotWord"><span></span><p id="member">'+array[i].output+'</p></div>';
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
answer = answer || '<div class="rotWord"><span></span><p id="member">你说什么？能再说一遍吗？</p></div>';
|
||
|
|
setTimeout(() => {
|
||
|
|
$(".b_body").append(answer);
|
||
|
|
$(".b_body").scrollTop(10000000);
|
||
|
|
}, 500);
|
||
|
|
$(".b_body").scrollTop(10000000);
|
||
|
|
text.val('');
|
||
|
|
}
|
||
|
|
$("#btn").click(function()//鼠标点击
|
||
|
|
{
|
||
|
|
action(text.val());
|
||
|
|
});
|
||
|
|
$(document).keydown(function(event)//回车
|
||
|
|
{
|
||
|
|
if(event.keyCode==13)
|
||
|
|
{
|
||
|
|
action(text.val());
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|