可试用,可年租,可售源码,快速搭建自用应用
您当前的位置： 梦行云软件
写个html聊天页，用localstorage 存最近5条聊天记录，重新打开页面时再读取出来
1写个html聊天页，用localstorage 存最近5条聊天记录，重新打开页面时再读取出来




聊天







var chatLog = JSON.parse(localStorage.getItem('chatLog')) || [];
var chatBox = document.getElementById('chatbox');
var textInput = document.getElementById('textinput');

// 显示最近5条聊天记录
for (var i = 0; i < 5 && i < chatLog.length; i++) {
var chatMsg = document.createElement('p');
chatMsg.innerText = chatLog[chatLog.length - 1 - i];
chatBox.appendChild(chatMsg);
}

function sendMessage() {
var message = textInput.value;
chatLog.push(message);
localStorage.setItem('chatLog', JSON.stringify(chatLog));

var chatMsg = document.createElement('p');
chatMsg.innerText = message;
chatBox.appendChild(chatMsg);

textInput.value = '';
}


写个html聊天页，用localstorage 存最近5条聊天记录，重新打开页面时再读取出来
本页由《梦行文档》生成
文档教程 首次使用 公众号配置 支付宝设置
协议政策注册协议隐私政策
人工服务 系统安装 后台咨询 技术咨询
留言反馈 Bug提交 功能订制 投资加盟
微信关注

湖南梦辰软件开发有限公司
电话：400 811 8501
周一至周五 8:30-17:30

 

name完成
30