- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 3Adobe Illustrator CS5 序列號大全
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 6PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 7Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 8最新的Adobe Illustrator CS4序列號大全
- 9Intel i7-9700K性能跑分曝光：同代提升約12%
- 10XP系統怎么清除緩存？
- 11Intel Z390主板有望10月8日公布：8核9代酷睿隨后登場
- 12XP系統安裝chrome無法找到入口怎么處理？
[摘要]無刷新聊天室技術實現方法 一、統一名詞 文字框：顯示聊天內容的框架頁面 輸入框：輸入聊天信息的框架頁面 刷新框：自刷新獲取最新聊天信息的框架頁面，該頁面不直接顯示出來 二、如何實現 實現無刷新，...
無刷新聊天室技術實現方法 一、統一名詞
文字框：顯示聊天內容的框架頁面
輸入框：輸入聊天信息的框架頁面
刷新框：自刷新獲取最新聊天信息的框架頁面，該頁面不直接顯示出來
二、如何實現
實現無刷新，就是要在當前文字框聊天內容后面不斷的添加新的聊天信息。
實現的方式是“添加新信息”，而不是“重新刷新”。
三、技術要點
實現像chat.163.com的無閃爍刷新的聊天室要用到的關鍵代碼：
1.自刷新：
<meta http-equiv="refresh" content="2">
2.向html文件寫代碼:
<script>
top.frametext.document.write("text");
</script>
四、例子
1.frame.asp頁面。最簡單的包含三個框架頁
文本框frametext.htm;name=frametext
輸入框frameinput.asp;
刷新框framerefresh.asp;
2.文本框frametext.htm內容：
最簡單的文本內容。略
3.輸入框frameinput.asp內容：
略
4.刷新框framefresh.asp內容（關鍵）
......
<%
'此處用代碼獲取最新的聊天信息
'最新信息保存在數組ArrRecord()
'OutNum參數紀錄是否有新的聊天紀錄出現
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="refresh" content="2"><!--定時刷新獲取最新信息-->
.....
<%
if OutNum>0 then '對于用戶來講，如果有新的信息的話，則輸出新信息,否則不
輸出
response.write "<script language=""javascript"">"
for i = 1 to outnum
response.write "top.frametext.document.write("""& ArrRecord(i) &""")
;"
next
response.write "</script>"
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 文本框頁面的方法實現。
推薦資訊 總人氣榜
最新教程 本月人氣
- 1lg g4/galaxy s6/htc m9哪一個好?g4/s6/m9性能比較評測
- 2android版人生日歷日子怎么用 安卓版人生日歷日子使用圖文說明教程
- 3華碩zenfone3價格多少 華碩zenfone3上市時間
- 43星galaxy j5價格多少 3星j5報價
- 53星galaxy j5什么時候出 3星j5上市時間
- 63星j7多少錢 3星j7價格是多少
- 73星j7什么時候出 3星j7上市時間
- 8htc8s安裝win10瀏覽版或wp8.1gdr2視頻圖文說明教程
- 9新浪微博安卓版評論怎么配圖 安卓版新浪微博評論配圖圖文說明教程
- 10小錘子設置怎么 小錘子真機曝光
- 11lg magna售價多少 lg magna設置參數怎么
- 12華為榮耀4c多少錢 華為榮耀4c報價
