最近,有好多人来信询问在开发聊天室程序的时候屏幕总是不停的刷新,该怎么办?
编聊天室程序时,有两种把服务器的数据传到浏览器的方式。一种就是在服务器端有信息后,把信息推到客户端,这种方式使服务器的负载比较重;另一种就是在客户端用refresh命令进行刷新,大多数的聊天室都采用这种方式,这就使得我们在浏览器上看到屏幕在不断的刷新,非常影响浏览,在网速慢的时候这种情况更为严重。
有没有办法能够解决这种问题呢?答案是肯定的。下面我就给大家介绍一种用javacript来解决这种问题的方法。首先,我们把网页分成三桢(飞鹰只想用最简单的例子来说明原理,如果大家想建更复杂的聊天室,可根据具体情况而分。)。上面一桢为:main.htm,这一桢用来显示聊天的内容;下面一桢为:bottom.htm,用来输入聊天内容。再增加一个隐藏桢:list.asp,这桢的作用就是使的输入的话能够在main.htm桢中显示出来。
frame.htm—聊天室框架
<html>
<head>
<title>asp酷聊天室</title>
<meta http-equiv=”content-type” content=”text/html; charset=gb2312″>
</head>
<frameset rows=”1,403,92″ cols=”*”>
<frame src=”list.asp” name=”list”>
<frame src=”main.htm” name=”main1″>
<frame src=”bottom.htm”>
</frameset>
<noframes><body bgcolor=”#ffffff”>
</body></noframes>
</html>
———————————-
main.htm
<html>
<head>
<title>聊天内容显示区</title>
<meta http-equiv=”content-type” content=”text/html; charset=gb2312″>
</head>
<body bgcolor=”#ffffff”>
</body>
</html>
———————————
bottom.htm
<html>
<head>
<title>聊天内容录入区</title>
<meta http-equiv=”content-type” content=”text/html; charset=gb2312″>
</head>
<body bgcolor=”#ffffff”>
<form name=”form1″ method=”post”
action=”list.asp” target=”list”>
<div align=”center”>
<input type=”text” name=”comment”>
<input type=”submit” name=”submit” value=”写写看”>
</div>
</form>
</body>
</html>
———————————————-
list.asp
<cript language=”javacript”>
function scrollon(){
top.main1.scroll(0, 65000);
}
top.main1.document.write(<=request(“comment”)>)
top.main1.document.write(<br>)
</cript>
用上面的方法大家就可以看到,在输入聊天内容时,在聊天室显示区中,就可以看到内容一行一行向下写去,而没有出现屏幕不断刷新的情况。下来大家把list.asp改变一下,我相信就可以得到从数据库中或者从application对象中得到的聊天内容了。只是有可能list.asp需要刷新,但是对于在聊天室中聊天的人来说,聊天内容是一行一行向下移动的。
相信用这中方法你就可以做出不在刷新屏幕的聊天室。
如何使聊天室发言时屏幕不闪?-ASP教程,ASP应用
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 如何使聊天室发言时屏幕不闪?-ASP教程,ASP应用
相关推荐
-      ASP 简介
-      SQL注入天书 – ASP注入漏洞全接触
-      用.net 处理xmlHttp发送异步请求
-      asp.net创建文件夹的IO类的问题
-      如何实现ASP.NET网站个性化
-      关于ASP.NET调用JavaScript的实现
-      ASP利用Google实现在线翻译功能
-      Asp无组件生成缩略图