只为小站
首页
域名查询
文件下载
登录
用JavaScript和HTML实现
聊天页面
和功能
在本文中，我们将深入探讨如何使用JavaScript和HTML技术来实现一个功能完备的
聊天页面
。这两个核心技术是构建现代Web应用的基础，它们共同为用户提供了一个实时、交互式的交流平台。 HTML（HyperText Markup Language）是网页内容的结构框架，它定义了页面上的各个元素如文本、图像、表格等。在
聊天页面
的上下文中，HTML用于创建聊天窗口的基本布局，包括输入框、发送按钮、以及显示消息的区域。例如，可以创建一个`
`元素作为聊天窗口，内部包含一个`
`用于用户输入消息，以及一个`<button>`用于提交消息。 接着，JavaScript（JS）作为客户端脚本语言，赋予了网页动态性和交互性。在<span style='color: #D9544F'>聊天页面</span>中，JavaScript负责处理用户输入、发送和接收消息、更新聊天窗口内容等一系列关键任务。以下是一些JavaScript实现的关键点： 1. **事件监听**：使用`addEventListener`方法监听用户的键盘输入和点击事件，当用户按下“发送”按钮或按下回车键时触发消息发送。 2. **AJAX请求**：利用XMLHttpRequest或更现代的Fetch API，向服务器发送POST请求，将用户输入的消息发送到服务器，并可能同时获取最新的聊天记录。 3. **DOM操作**：使用JavaScript操作DOM（Document Object Model），将接收到的新消息添加到聊天窗口的可视部分。这通常涉及创建新的`<p>`或`<li>`元素，附加消息内容，并将其插入到聊天历史的正确位置。 4. **实时性**：为了实现即时聊天，可以利用WebSocket技术创建持久的连接，使得服务器能实时推送新消息到客户端，而无需客户端不断轮询。WebSocket提供双向通信，使得服务器和客户端可以同时发送和接收数据。 5. **样式和动画**：使用CSS（Cascading Style Sheets）来美化<span style='color: #D9544F'>聊天页面</span>，设置字体、颜色、布局等样式。还可以添加一些过渡效果，如消息滑入显示，提高用户体验。 6. **错误处理**：良好的错误处理机制是必不可少的，当网络问题或其他异常发生时，JavaScript应该能够适当地提示用户并尝试恢复。 在实现过程中，需要注意的是保持代码的可维护性和性能优化。模块化编程可以帮助组织代码，使其更易于理解和维护。此外，避免不必要的DOM操作可以提升页面性能，因为DOM操作是相对昂贵的。 压缩包中的"chat"文件可能包含了实现这个聊天功能的HTML、JavaScript和CSS文件，以及可能的图片和其他资源。通过查看这些文件，你可以更详细地了解每个部分是如何协同工作的。 使用JavaScript和HTML构建<span style='color: #D9544F'>聊天页面</span>是一个涉及前端开发多个方面的综合实践，涵盖了从用户交互到服务器通信的全过程。掌握这些技能不仅对构建类似的应用有帮助，也是成为全栈Web开发者的基础。 </div> <div class="info"> <span title="上传时间" class="code"> 2024-08-14 17:17:44 </span> <span title="文件大小" class="size"> 3KB </span> <a href="/dl?query=javascript" class="layui-hide-xs"><em class="zy-csdn-tag">javascript</em></a> <a href="/dl?query=html" class="layui-hide-xs"><em class="zy-csdn-tag">html</em></a> </div> <div class="layui-badge integral"> 1 </div> </div> <div class="zy-clearfix"></div> </div> <!-- 支持循环 end --> </div> <div class="search-list"> <!-- 支持循环 begin --> <div class="item"> <div class="mode"> <span> <img src="/images/dl/ebook.png" /> </span> </div> <div class="wrapper"> <div class="name"> <a href="/dl/detail/qq_21891743/2286404" target="_blank" data-url="/dl/detail/qq_21891743/2286404" data-id="88162235" data-author="qq_21891743" data-type="ZIP" class="" > Css+Html仿ChatGpt<span style='color: #D9544F'>聊天页面</span>Demo </a> </div> <div class="referrer"> 我们将使用HTML和CSS来实现一个仿ChatGPT聊天对话官方页面。我们的目标是创建一个与chat.openai.com相似的界面，展示一种用于展示聊天机器人对话的布局和样式。 为了实现我们的目标，我们需要遵循以下步骤： 1. 创建HTML结构：我们将使用HTML来创建页面的基本结构。在这个页面中，主要的元素包括头部、对话框和输入框。 2. 应用CSS样式：通过CSS，我们将为页面的各个元素添加样式，并使其与chat.openai.com的外观和感觉相似。 3. 添加JavaScript功能（可选）：如果你想要在页面上模拟真实的聊天对话，你可以使用JavaScript添加一些基本的功能。 让我们从头开始，一个一个地实现这些步骤。 当然，这只是一个简单的示例，你可以根据自己的需求进行修改和扩展。希望通过这篇博文，你可以掌握使用HTML和CSS创建仿ChatGPT聊天对话页面的基本技能。 感谢阅读！如果你有任何问题或建议，请随时提问。 </div> <div class="info"> <span title="上传时间" class="code"> 2023-10-09 18:16:34 </span> <span title="文件大小" class="size"> 323KB </span> <a href="/dl?query=css" class="layui-hide-xs"><em class="zy-csdn-tag">css</em></a> <a href="/dl?query=html" class="layui-hide-xs"><em class="zy-csdn-tag">html</em></a> <a href="/dl?query=javascript" class="layui-hide-xs"><em class="zy-csdn-tag">javascript</em></a> <a href="/dl?query=软件/插件" class="layui-hide-xs"><em class="zy-csdn-tag">软件/插件</em></a> </div> <div class="layui-badge integral"> 1 </div> </div> <div class="zy-clearfix"></div> </div> <!-- 支持循环 end --> </div> <div class="search-list"> <!-- 支持循环 begin --> <div class="item"> <div class="mode"> <span> <img src="/images/dl/ebook.png" /> </span> </div> <div class="wrapper"> <div class="name"> <a href="/dl/detail/lwpoor123/2202343" target="_blank" data-url="/dl/detail/lwpoor123/2202343" data-id="10697494" data-author="lwpoor123" data-type="ZIP" class="" > 智能聊天静态页面，模板 </a> </div> <div class="referrer"> 智能聊天静态页面，基本样式，js处理响应等处理，仿照微信聊天界面 </div> <div class="info"> <span title="上传时间" class="code"> 2023-02-22 09:23:12 </span> <span title="文件大小" class="size"> 125KB </span> <a href="/dl?query=聊天模板" class="layui-hide-xs"><em class="zy-csdn-tag">聊天模板</em></a> <a href="/dl?query=聊天页面" class="layui-hide-xs"><em class="zy-csdn-tag">聊天页面</em></a> </div> <div class="layui-badge integral"> 1 </div> </div> <div class="zy-clearfix"></div> </div> <!-- 支持循环 end --> </div> <div class="search-list"> <!-- 支持循环 begin --> <div class="item"> <div class="mode"> <span> <img src="/images/dl/ebook.png" /> </span> </div> <div class="wrapper"> <div class="name"> <a href="/dl/detail/weixin_39840924/1911550" target="_blank" data-url="/dl/detail/weixin_39840924/1911550" data-id="11333082" data-author="weixin_39840924" data-type="ZIP" class="" > ios-高仿QQ<span style='color: #D9544F'>聊天页面</span>.zip </a> </div> <div class="referrer"> 无聊写了一个高仿的QQ<span style='color: #D9544F'>聊天页面</span>，return 隐藏键盘 ，喜欢的，大家可以分享 </div> <div class="info"> <span title="上传时间" class="code"> 2022-06-05 08:09:17 </span> <span title="文件大小" class="size"> 59KB </span> <a href="/dl?query=列表" class="layui-hide-xs"><em class="zy-csdn-tag">列表</em></a> </div> <div class="layui-badge integral"> 1 </div> </div> <div class="zy-clearfix"></div> </div> <!-- 支持循环 end --> </div> <div class="search-list"> <!-- 支持循环 begin --> <div class="item"> <div class="mode"> <span> <img src="/images/dl/ebook.png" /> </span> </div> <div class="wrapper"> <div class="name"> <a href="/dl/detail/robinfoxnan/1906591" target="_blank" data-url="/dl/detail/robinfoxnan/1906591" data-id="10771101" data-author="robinfoxnan" data-type="RAR" class="" > HTML5仿微信<span style='color: #D9544F'>聊天页面</span>框架 </a> </div> <div class="referrer"> HTML5仿微信<span style='color: #D9544F'>聊天页面</span>框架, 一个页面内四个TAB页，完成了添加条目与对话条目部分，直接后台对接即可。 </div> <div class="info"> <span title="上传时间" class="code"> 2022-06-03 20:33:47 </span> <span title="文件大小" class="size"> 140KB </span> <a href="/dl?query=HTML5" class="layui-hide-xs"><em class="zy-csdn-tag">HTML5</em></a> <a href="/dl?query=微信" class="layui-hide-xs"><em class="zy-csdn-tag">微信</em></a> <a href="/dl?query=聊天" class="layui-hide-xs"><em class="zy-csdn-tag">聊天</em></a> <a href="/dl?query=即时通信" class="layui-hide-xs"><em class="zy-csdn-tag">即时通信</em></a> </div> <div class="layui-badge integral"> 1 </div> </div> <div class="zy-clearfix"></div> </div> <!-- 支持循环 end --> </div> <div class="search-list"> <!-- 支持循环 begin --> <div class="item"> <div class="mode"> <span> <img src="/images/dl/ebook.png" /> </span> </div> <div class="wrapper"> <div class="name"> <a href="/dl/detail/qinxiaoyi1/1681400" target="_blank" data-url="/dl/detail/qinxiaoyi1/1681400" data-id="82917202" data-author="qinxiaoyi1" data-type="ZIP" class="" > Jquery<span style='color: #D9544F'>聊天页面</span>，还是不错的 </a> </div> <div class="referrer"> Jquery<span style='color: #D9544F'>聊天页面</span> </div> <div class="info"> <span title="上传时间" class="code"> 2022-04-06 01:31:47 </span> <span title="文件大小" class="size"> 366KB </span> <a href="/dl?query=jquery" class="layui-hide-xs"><em class="zy-csdn-tag">jquery</em></a> <a href="/dl?query=前端" class="layui-hide-xs"><em class="zy-csdn-tag">前端</em></a> <a href="/dl?query=javascript" class="layui-hide-xs"><em class="zy-csdn-tag">javascript</em></a> <a href="/dl?query=ecmascript" class="layui-hide-xs"><em class="zy-csdn-tag">ecmascript</em></a> </div> <div class="layui-badge integral"> 1 </div> </div> <div class="zy-clearfix"></div> </div> <!-- 支持循环 end --> </div> <div class="search-list"> <!-- 支持循环 begin --> <div class="item"> <div class="mode"> <span> <img src="/images/dl/ebook.png" /> </span> </div> <div class="wrapper"> <div class="name"> <a href="/dl/detail/weixin_38354056/1420287" target="_blank" data-url="/dl/detail/weixin_38354056/1420287" data-id="12681955" data-author="weixin_38354056" data-type="-" class="" > 半仿qq<span style='color: #D9544F'>聊天页面</span>，纯html5 pc版.zip </a> </div> <div class="referrer"> 这是一个h5页面的<span style='color: #D9544F'>聊天页面</span>，方便大家在做聊天的过程中学习与使用，更是能够让大家从学习过程中，找到快捷的方式，其中页面中包含了：好友列表，会话列表，会话内容等多个页面 </div> <div class="info"> <span title="上传时间" class="code"> 2021-12-22 22:05:53 </span> <span title="文件大小" class="size"> 757KB </span> <a href="/dl?query=h5" class="layui-hide-xs"><em class="zy-csdn-tag">h5</em></a> <a href="/dl?query=qq" class="layui-hide-xs"><em class="zy-csdn-tag">qq</em></a> <a href="/dl?query=聊天页面" class="layui-hide-xs"><em class="zy-csdn-tag">聊天页面</em></a> <a href="/dl?query=网页版" class="layui-hide-xs"><em class="zy-csdn-tag">网页版</em></a> </div> <div class="layui-badge integral"> 1 </div> </div> <div class="zy-clearfix"></div> </div> <!-- 支持循环 end --> </div> <div class="search-list"> <!-- 支持循环 begin --> <div class="item"> <div class="mode"> <span> <img src="/images/dl/ebook.png" /> </span> </div> <div class="wrapper"> <div class="name"> <a href="/dl/detail/u011376799/1419969" target="_blank" data-url="/dl/detail/u011376799/1419969" data-id="8538213" data-author="u011376799" data-type="-" class="" > 类似QQ<span style='color: #D9544F'>聊天页面</span>的实现 </a> </div> <div class="referrer"> 类似QQ<span style='color: #D9544F'>聊天页面</span>，包含了表情的发送，以及录音的发送和播放等等，也是参考了别人写的代码，希望对大家有所帮助。 </div> <div class="info"> <span title="上传时间" class="code"> 2021-12-22 20:46:59 </span> <span title="文件大小" class="size"> 6.76MB </span> <a href="/dl?query=QQ聊天" class="layui-hide-xs"><em class="zy-csdn-tag">QQ聊天</em></a> </div> <div class="layui-badge integral"> 1 </div> </div> <div class="zy-clearfix"></div> </div> <!-- 支持循环 end --> </div> <div class="search-list"> <!-- 支持循环 begin --> <div class="item"> <div class="mode"> <span> <img src="/images/dl/ebook.png" /> </span> </div> <div class="wrapper"> <div class="name"> <a href="/dl/detail/lsnnsrq/812087" target="_blank" data-url="/dl/detail/lsnnsrq/812087" data-id="20032542" data-author="lsnnsrq" data-type="RAR" class="" > DWRComet<span style='color: #D9544F'>聊天页面</span> </a> </div> <div class="referrer"> DWR </div> <div class="info"> <span title="上传时间" class="code"> 2021-07-05 18:04:47 </span> <span title="文件大小" class="size"> 4.65MB </span> <a href="/dl?query=DWR" class="layui-hide-xs"><em class="zy-csdn-tag">DWR</em></a> </div> <div class="layui-badge integral"> 1 </div> </div> <div class="zy-clearfix"></div> </div> <!-- 支持循环 end --> </div> <div class="search-list"> <!-- 支持循环 begin --> <div class="item"> <div class="mode"> <span> <img src="/images/dl/ebook.png" /> </span> </div> <div class="wrapper"> <div class="name"> <a href="/dl/detail/apple_50542486/746466" target="_blank" data-url="/dl/detail/apple_50542486/746466" data-id="19752388" data-author="apple_50542486" data-type="RAR" class="" > 基于WebSoket.io和nodejs开发的类似微信<span style='color: #D9544F'>聊天页面</span>附带发送图片和表情功能 </a> </div> <div class="referrer"> 基于WebSoket.io和nodejs开发的类似微信<span style='color: #D9544F'>聊天页面</span>附带发送图片和表情功能 </div> <div class="info"> <span title="上传时间" class="code"> 2021-06-21 09:03:01 </span> <span title="文件大小" class="size"> 7.33MB </span> <a href="/dl?query=websocket" class="layui-hide-xs"><em class="zy-csdn-tag">websocket</em></a> <a href="/dl?query=聊天室页面" class="layui-hide-xs"><em class="zy-csdn-tag">聊天室页面</em></a> <a href="/dl?query=带登录的聊太室" class="layui-hide-xs"><em class="zy-csdn-tag">带登录的聊太室</em></a> <a href="/dl?query=nodejs开发聊天室" class="layui-hide-xs"><em class="zy-csdn-tag">nodejs开发聊天室</em></a> </div> </div> <div class="zy-clearfix"></div> </div> <!-- 支持循环 end --> </div> </div> <div class="layui-col-lg4 layui-col-sm4 layui-hide-xs search-related"> <div class="layui-col-lg12 layui-col-sm12 csdn-dl-item"> <div class="layui-card"> <div class="layui-card-header"><h3>个人信息</h3></div> <div class="layui-card-body"> <div style="text-align:center"> <a href="/account/login?returnUrl=http%3a%2f%2fkerwin.cn%2fdl%3fquery%3d%e8%81%8a%e5%a4%a9%e9%a1%b5%e9%9d%a2">点我去登录</a> </div> <div style="text-align:center; margin:20px 0px 10px;"> <button class="layui-btn" type="button" id="btnDonation">购买积分</button> <a href="/dl/history" target="_blank" class="layui-btn layui-btn-primary">下载历史</a> <button class="layui-btn layui-btn-primary" type="button" id="btnRecoverOrder">恢复订单</button> </div> </div> </div> </div> <div class="layui-col-lg12 layui-col-sm12 csdn-dl-item"> <div class="layui-card"> <div class="layui-card-header"><h3>热门下载</h3></div> <div class="layui-card-body"> <ul class="zy-csdn-recommend"> <li><a target="_blank" href="/dl/detail/hnjywjw/14926">房价预测的BP神经网络实现_python代码</a></li> <li><a target="_blank" href="/dl/detail/qq_39294618/157485">鲸鱼优化算法 WOA matlab源代码（详细注释）</a></li> <li><a target="_blank" href="/dl/detail/weixin_44604586/316329">python实现的学生信息管理系统—GUI界面版</a></li> <li><a target="_blank" href="/dl/detail/weixin_42814778/2269442">适用于eNSP 1.3.00 可加载的USG6000V防火墙设备包</a></li> <li><a target="_blank" href="/dl/detail/qq_31258627/416433">MATLAB之LSTM预测</a></li> <li><a target="_blank" href="/dl/detail/qq_29559443/409924">quartus II13.0器件库.zip</a></li> <li><a target="_blank" href="/dl/detail/qq_33742147/318369">多机器人编队及避障仿真算法.zip</a></li> <li><a target="_blank" href="/dl/detail/liuwuw/473298">voc车辆检测数据集（已处理好，可直接训练）</a></li> <li><a target="_blank" href="/dl/detail/m0_38106923/115500">人体姿态检测</a></li> <li><a target="_blank" href="/dl/detail/qq_17287777/136009">基于matlab的车牌识别系统设计</a></li> <li><a target="_blank" href="/dl/detail/qq_40434430/23031">多目标优化算法(四)NSGA3的代码（python3.6）</a></li> <li><a target="_blank" href="/dl/detail/sgfmby1994/24305">随机森林用于分类matlab代码</a></li> <li><a target="_blank" href="/dl/detail/lw200814/369827">copula程序及算法.zip</a></li> <li><a target="_blank" href="/dl/detail/weixin_42623382/219697">elsevier 爱思唯尔 系列期刊的word模板，template，单栏，双栏</a></li> <li><a target="_blank" href="/dl/detail/Pased/410260">2020年数学建模B题穿越沙漠全部代码全国赛二等奖.zip</a></li> </ul> </div> </div> </div> <div class="layui-col-lg12 layui-col-sm12 csdn-dl-item"> <div class="layui-card"> <div class="layui-card-header"><h3>最新下载</h3></div> <div class="layui-card-body"> <ul class="zy-csdn-recommend"> <li><a target="_blank" href="/dl/detail/naonao0819/122626">vld1.0内存泄漏检测</a></li> <li><a target="_blank" href="/dl/detail/johnzon520/789380">NetApp存储安装、配置和维护手册</a></li> <li><a target="_blank" href="/dl/detail/gufantj/1112845">基于FT232R的usb转串口原理图PCB及清单</a></li> <li><a target="_blank" href="/dl/detail/chendanchun93/1155895">三洋压缩机选型软件</a></li> <li><a target="_blank" href="/dl/detail/weixin_39841365/1848862">论文研究-基于ROS的智能轮椅语音导航 .pdf</a></li> <li><a target="_blank" href="/dl/detail/qq_39482027/1070897">美团外卖页面</a></li> <li><a target="_blank" href="/dl/detail/Lerben/759540">Working Model 2D 2004 SP1 V7.0 中文版</a></li> <li><a target="_blank" href="/dl/detail/koyong/2355624">联想智能云教室-V1.3.20.0810-C200805试用版</a></li> <li><a target="_blank" href="/dl/detail/yingxuxiao/246694">信号与系统第二版（于慧敏）课件</a></li> <li><a target="_blank" href="/dl/detail/fnext/933207">【Android】Android彩信发送源码</a></li> </ul> </div> </div> </div> <!-- 其他资源 begin --> <div class="layui-col-lg12 layui-col-md12 layui-col-sm12 layui-col-sm12 layui-col-xs12 csdn-dl-item"> <div class="layui-card"> <div class="layui-card-header"><h3>其他资源</h3></div> <div class="layui-card-body"> <ul class="zy-csdn-recommend"> <li><a target="_blank" href="/dl/detail/memerycyb/117912">winuser.h头文件c#版</a></li> <li><a target="_blank" href="/dl/detail/qq_41580667/264519">用springboot基于SSM写的在线投票系统.rar</a></li> <li><a target="_blank" href="/dl/detail/nanyangnongren/122617">用multisim模拟的交通信号灯控制电路</a></li> <li><a target="_blank" href="/dl/detail/jinwei29/397900">tesseract-OCR5.0编译好的全部文件.rar</a></li> <li><a target="_blank" href="/dl/detail/auto_star/41257">latexdiff.pl</a></li> <li><a target="_blank" href="/dl/detail/qq_42126547/358074">LabView vision VDM2018.txt</a></li> <li><a target="_blank" href="/dl/detail/qq_40982716/280364">串口控制LED的亮灭.rar</a></li> <li><a target="_blank" href="/dl/detail/qq_28734883/142940">H5上传图片并使用canvas制作海报.rar</a></li> <li><a target="_blank" href="/dl/detail/u012723995/198041">即时通讯系统（java）实现</a></li> <li><a target="_blank" href="/dl/detail/kh896424665/16479">网络应用程序大作业，使用tcp和udp完成一个类似于QQ的聊天软件，使用Java语言编写，有gui界面，附带上机报告。</a></li> <li><a target="_blank" href="/dl/detail/x_uhen/242846">基于Opencv的图像分类</a></li> <li><a target="_blank" href="/dl/detail/leochanguy/387406">fence（桌面管理软件）</a></li> <li><a target="_blank" href="/dl/detail/weixin_42134143/395659">SmartAgrifood：与Agrifood部门相关的智能数据模型的域存储库-源码</a></li> <li><a target="_blank" href="/dl/detail/weixin_44573410/392361">无机化学习题（含答案）.pdf</a></li> <li><a target="_blank" href="/dl/detail/bianmingkai123/375240">01 搭建一个完整的K8S集群部署文档以及相关讲解.docx</a></li> <li><a target="_blank" href="/dl/detail/weixin_43569398/369556">车辆电子控制系统的基本组成及功能.ppt</a></li> <li><a target="_blank" href="/dl/detail/oldArray/332687">Exponent-2.15.4.apk</a></li> <li><a target="_blank" href="/dl/detail/qq_32316411/279143">华为CDR话单二进制文件转换成对应的可读文件txt格式</a></li> <li><a target="_blank" href="/dl/detail/sinat_29096053/175465">struts2基于酒店的后台管理系统</a></li> <li><a target="_blank" href="/dl/detail/qq_22873427/138574">Zedboard_linaro</a></li> <li><a target="_blank" href="/dl/detail/qq_18524733/136412">2018电子设计竞赛TI公司ADS1118keil源码</a></li> <li><a target="_blank" href="/dl/detail/forestlei/69592">C#设计的FTP客户端和服务器端</a></li> <li><a target="_blank" href="/dl/detail/areshan133/40237">金橙子的打标软件EZCAD源代码</a></li> <li><a target="_blank" href="/dl/detail/allen4007/38349">帝国cms批量上传多图</a></li> <li><a target="_blank" href="/dl/detail/hello_pw/14735">汇编工具 link.exe masm.exe debug.exe dosbox</a></li> <li><a target="_blank" href="/dl/detail/cengjianggh/11862">使用Maven整合SSM框架集和Shiro安全框架实现的医院管理系统</a></li> </ul> </div> </div> </div> <!-- 其他资源 end --> </div> </div> <div class="zy-art-footer"> <div class="zy-zrt-paging" id="zrt-paging"> <div class="layui-box layui-laypage layui-laypage-molv" id="layui-laypage-9647"><span class="layui-laypage-count">共 14 条</span> <a href="javascript:;" disabled="disabled" class="layui-laypage-prev layui-disabled" data-page="0" title="上一页">上一页</a> <span class="layui-laypage-curr"><em class="layui-laypage-em" style="background-color: #FFB800;"></em><em>1</em></span> <a href="/dl/2?query=%e8%81%8a%e5%a4%a9%e9%a1%b5%e9%9d%a2" class="" data-page="2" title="第 2 页">2</a> <a href="/dl/2?query=%e8%81%8a%e5%a4%a9%e9%a1%b5%e9%9d%a2" class="layui-laypage-next " data-page="2">下一页</a> <span class="layui-laypage-count">共 14 条</span> </div> </div> </div> </div> </div> </div> <footer class="zy-footer"> <div> <div> © 2015-2025 <span style="color: #00c1de;">只为大大</span> | <a href="https://beian.miit.gov.cn">赣ICP备15012672号-1</a> <script src="/scripts/app/cnzz.js?20171123"></script> </div> <div> <a target="_blank" href="/postsms">短信提交</a> <a target="_blank" href="/donate">赞助</a> <a target="_blank" href="/updatelog">更新日志 <span class="layui-badge-dot"></span></a> </div> <div class="links"> <a target="_blank" href="http://ericjy.com/">蒋银 [经验弟弟]</a> <a target="_blank" href="http://www.345cc.cn/">程超 [cc]</a> </div> </div> </footer> <script src="https://www.kerwin.cn/content/plugins/layui/dist/layui.js"></script> <script src="/scripts/app/main.js?20240120001"></script> <script src="/bundles/dl/js?v=pBzvxv8tqybkSI6TCXIArh8kFedROWwe8ww2TQoUjPk1"></script> <script src="/bundles/contactme?v="></script> <script src="/scripts/app/dl/csdnlist.js?2017122001"></script> </body> </html>
