frameset 實現無重新整理聊天室技術實現方法

2021-06-05 16:30:33 字數 1106 閱讀 6932

一、統一名詞

文字框:顯示聊天內容的框架頁面

輸入框:輸入聊天資訊的框架頁面

重新整理框:自重新整理獲取最新聊天資訊的框架頁面,該頁面不直接顯示出來

二、如何實現

實現無重新整理,就是要在當前文字框聊天內容後面不斷的新增新的聊天資訊。

實現的方式是「新增新資訊」,而不是「重新重新整理」。

三、技術要點

實現像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()

2.清屏。如果不清屏,一直開著聊天視窗,文字框文字內容將永無止境的增加。

清屏可以通過reload 文字框頁面的方法實現。

ajax無重新整理聊天室系統

php愛好者聊天室公告 歡迎來到聊天室 資料庫sql語句 create table message id int unsigned not null auto increment,msg varchar 32 not null,sender varchar 6 not null,receiver v...

無重新整理聊天室 簡訊陪聊程式

主頁面index.asp 返回聊天內容chat log.asp response.expires 1 response.expiresabsolute now 1 response.cachecontrol no cache if isnumeric request id then set rs c...

整體重新整理和區域性重新整理frameset視窗

在專案中,經常會遇到頁面分割,最常見的系統或 的主介面。主頁面分為,上面系統簡介 下面作者簡介 左邊系統功能選單 右邊則是選單真正展示的介面。遇到這種這種分割頁面,大家首先想到是frameset,使用framset分割多種frame,這種方式簡單。若是不喜歡使用framset,喜歡前台設計的人也許會...