无刷新聊天室技术实现方法(ASP相关)_PHP
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了无刷新聊天室技术实现方法(ASP相关)_PHP,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1645字,纯文字阅读大概需要3分钟。
内容图文
![无刷新聊天室技术实现方法(ASP相关)_PHP](/upload/InfoBanner/zyjiaocheng/247/50b68117692d43dd8f2b4cf8782d974e.jpg)
一、统一名词
文字框:显示聊天内容的框架页面
输入框:输入聊天信息的框架页面
刷新框:自刷新获取最新聊天信息的框架页面,该页面不直接显示出来
二、如何实现
实现无刷新,就是要在当前文字框聊天内容后面不断的添加新的聊天信息。
实现的方式是“添加新信息”,而不是“重新刷新”。
三、技术要点
实现像chat.163.com的无闪烁刷新的聊天室要用到的关键代码:
1.自刷新:
2.向html文件写代码:
四、例子
1.frame.asp页面。最简单的包含三个框架页
文本框frametext.htm;name=frametext
输入框frameinput.asp;
刷新框framerefresh.asp;
2.文本框frametext.htm内容:
最简单的文本内容。略
3.输入框frameinput.asp内容:
略
4.刷新框framefresh.asp内容(关键)
......
<%
'此处用代码获取最新的聊天信息
'最新信息保存在数组ArrRecord()
'OutNum参数纪录是否有新的聊天纪录出现
%>
.....
<%
if OutNum>0 then '对于用户来讲,如果有新的信息的话,则输出新信息,否则不
输出
response.write ""
end if
%>
.....
五、相关问题
1.自刷新存在的一个问题是焦点定位问题(也就是自动滚屏的问题)。用户在文
本框看到的都是第一次进入chatroom看到的内容的位置,不会自动滚屏到新信息
的位置,必须滚动滚动栏才可以。
在chat.163.com,它通过用户点选“自动滚屏”的方法来实现。其实就是选择“
自动滚屏”,程序将启用控制文本框滚屏的一个js程序,关键部分为:
function ScrollWindow()
{
.....
this.scroll(0, 65000); //将文本框scroll到指定的位置。这里选定(0,65000)
,就是指向最左下角的位置,由于屏幕高度才600不到,所以在一个用户聊天过程
中,几乎永远不可能达到(0,65000)的位置。这样就保证了屏幕永远滚到最底层。
setTimeout('scrollWindow();',200); //循环。否则只滚动一次是没用的
}
2.清屏。如果不清屏,一直开着聊天窗口,文本框文字内容将永无止境的增加。
清屏可以通过reload 文本框页面的方法实现。
内容总结
以上是互联网集市为您收集整理的无刷新聊天室技术实现方法(ASP相关)_PHP全部内容,希望文章能够帮你解决无刷新聊天室技术实现方法(ASP相关)_PHP所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。